Bug -- using PNGs as buttons lose transparency

Version x.4 (7609) // IE 6

I'm not sure if this is new or not -- I generally don't use buttons with transparent pngs, but had the need this time.

When I enter my 3 state PNGs into the button object, I see the "gray box" in the areas that should be transparent, yet the transparency works as long as I don't use them in a button object.

There seems to be a couple things i notice:

If I create a file with just the button with PNGs, Lectora doesn't write the DXImageTransform filter.

If I create a file with the button AND each of the PNGs as images, Lectora writes the DXImageTransform filter, however, although the images are transparent, the button isn't (still has the gray box around it).

Lectora doesn't write the CSS for the button object. If I modify the HTML to add the following, the transparency works:

...[ #button21658 img [ filter: progid: DXImageTransform.Microsoft.Alpha(opacity=0); }

#button21658 {

filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='images/btn_left_img_play_hover.png',sizingMethod='scale'); }

]

]...

*note -- I did modify the codet just a bit so it wouldn't be interpreted as 'code' and to ensure the emotes didn't show*

SOLUTION

Should be pretty easy actually, just add the same logic used for images to the button to write the filter in the compiled file and bug should be fixed.

Hope it helps, cheers,

Lisa