Page 1 of 1

Opacity not working in IE.

Posted: Thu Aug 09, 2007 5:45 pm
by JellyFish
I don't understand, filter: alpha(opacity=60); always worked be for. Did IE7 drop support for opacity or something? This is for frustrating.

EDIT: found out that I need to float the element in order to set the opacity in IE. What? That's retarted! Isn't there a way around this?

Re: Opacity not working in IE.

Posted: Thu Aug 09, 2007 8:22 pm
by superdezign
It's an issue of the 'hasLayout' property. There are many ways to give an element hasLayout, floating being one of them. You can also do it with position: absolute, giving the element a set width or height, using display: inline-block, using IE's 'zoom' property, or using IE's 'writing-mode' property. The two last options don't validate and are IE-only.

Check the MSDN database for hasLayout documents for more information.

Re: Opacity not working in IE.

Posted: Fri Aug 10, 2007 11:49 am
by JellyFish
superdezign wrote:It's an issue of the 'hasLayout' property. There are many ways to give an element hasLayout, floating being one of them. You can also do it with position: absolute, giving the element a set width or height, using display: inline-block, using IE's 'zoom' property, or using IE's 'writing-mode' property. The two last options don't validate and are IE-only.

Check the MSDN database for hasLayout documents for more information.
AlRight, Thanks!

Posted: Mon Aug 13, 2007 7:03 pm
by califdon

Posted: Mon Aug 20, 2007 1:26 am
by JAB Creations
I use this in an Internet Explorer Conditional Comments Style Sheet on http://www.jabcreations.net/ when needing to bring someone's attention to a prompt...

Code: Select all

.fade {
filter: alpha(opacity=10);
}