Hi all,
I've come across something I think I read about once but after
hunting the archive and googling, I can't seem to find an answer. I
have a png image as a background to a div that is, well, here's the
div css (this is post png processing for png on IE):
.right {
float: left;
width: 16px;
height: 30px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(enabled=true, sizingMethod=scale, src='images/control_right.png');
opacity: 0.3;
filter: alpha(opacity=30);
border: 1px solid red;
}
The background image does not show up, but the border does. The other
interesting this is if I get rid of the opacity - comment it out
completely, not just set it to 100 - it shows up.
This div is inside an absolutely positioned div which is inside a
relatively positioned div. Maybe that has something to do with it. I
solved it by making the background image an inline image within the
div. Fortunately, I don't need to put anything in the div, but I just
want to know WHY it's doing this. Has any one come across this
problem before and fixed it?
Thanks,
Mark
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
