ie 7 and opacity problem
The below css works great in FF, but the opacity setting in IE7 does not seem to work...there was a post here previously about this and checking the hasLayout property. Its set to true for this element (its a div)...
Anyone have any ideas or hacks to get this sucker working in ie7?
Seems to work in IE 7 only , since it has a height it has haslayout , a set height usually gets you in trouble with FF OP
z index negative FF don't likes that
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<title>12345 12345 12345 12345 12345</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!-- saved from url=(0022)http://www.domain.com/ -->
filter:alpha(opacity=30); -moz-opacity:.30;opacity:.30; -khtml-opacity:.30;
It works correctly in FF and in OP...its only the opacity in IE that is messed up
This is all I ever use.
opacity: .75; -moz-opacity; 0.75;
I believe filter: alpha is specific to ie, so I just put both in there.
Gecko browsers don't need the -moz-opacity property anymore since they properly implement opacity.
My example works, Your code WORKS ONLY IN IE ? so maybe show your full code , and get it going :)