Alpha:filter doesn't apply

[Hellusius]

Hello readers,

I have an issue in IE, that my opacity from the element is not being displayed correctly.

The CSS code for the concerning element is as following:


.contenttitle {
background-color: #803A20;
margin: 0px 0px 0px 50px;
margin-left: 10px;
opacity:0.7;
filter:alpha(opacity=70);
}


The website can be found here, in IE this is displayed correctly.
http://wow-portal.nl/divinity/news.php

[KDLA]

Take a look at this tutorial: http://www.mandarindesign.com/opacity.html

(BTW - your transparent PNG's are not compatible with IE6.)

[Hellusius]

I am aware about the png, I am trying to built a filter that doesn't allow browsers to browse the website with Ie6 and let the update the IE to 7.

I fixed this issue about the opacity, for the ones curious, you have to apply a size to element for IE, else it will not apply the filter.

I am curious tho, cause your child divs are applying this filter as well, even if you reaply it to your child div, kinda curious if there is an actual fix for this, so you can reset a new opacity to your child div.

[KDLA]

The "fix" I'm aware of is to use positioning for the container, pulling it out of the document flow (and preventing an inherit of opacity properties) and placing it atop the opaque div.