Keeping a watermark(button) on top after Images have dynamically loaded

[kevc0722]

I have a set up that looks something like:

<mx:Canvas>

     <mx:Image id="mayimage"/>

</mx:Canvas>

<mx:Button id="watermark"/>

Where the button is the watermark that I want to keep on top of the image.

But after loading the actual image dynamically using addChild, the skin of the button(which is embeded using @embed) is covered up by the new image.

The weird thing is, it looks fine in Firefox, where the watermark button is still on the very top layer, it only gets covered up in Chrome.  Also, the button is still clickable even though it's covered by the image, meaning only the skin of the button is covered...

Anyway of keeping the skin of the button on the very top layer?

[moccamaximum]

you can force one child of a MovieClip/Sprite behind another by using sth like:

var index:int = button.getChildIndex(watermark);

button.addChildAt(image, index-1);

[kevc0722]

I've tried  index and depth, both don't work, but this turned out to be a pepper flash problem, as disabling pepper flash in chrome solves it.

So the only way around this is to actually not use alpha and file a bug report with chrome.