I actually have a little shortcut in my code to tell me if it's ok to use opacity for IE6:
http://code.google.com/p/cnetjavascript/source/browse/trunk/Source/Element/Element.Shortcuts.js I use it whenever I do opacity transitions on elements that contain text (because IE6 chunks them all up). Dimitar Christoff wrote: > > > This is a bit odd - I am writing a little modal box image viewer that > uses an animation like the ones on apple.com (from source and to source). > > You can see it in action here: > > http://fragged.org/about - click the pic and back. so far so good - the > modal works fine, opacity is being set to .8 and it's fine in IE7 and FF. > > I thought it was fine so i posted it on a different news item and it > started going wrong: > > I just posted this as a news item with examples on here: > http://fragged.org/_/mootools > > clicking on the thumbs works but the modal view fails - the layer > remains not transparent in IE7, > > using IE Developer Toolbar and exploring dom, it has applied the opacity > correctly: filter: alpha(opacity=80) > > it just does not show it... > > if you however go into the post itself: > http://fragged.org/fraggedbox-a-mootools-apple-style-lightbox-effect_127.html > > and then click, the modal view is transparent. > > DRIVES ME BLOODY MAD! > > I even tried to add this to the click event: > (function() { > $("modal").fade(.5); > }).delay(1000); > > and nothing. the layer remains it's old full colour with no opacity. > > has anyone else experienced any similar problems with IE7? > could this be a conflict of sorts with another item on there? > > the page itself uses codeHighlighter, mootools 1.2 and my own lib... but > disabling CH makes no difference. could this be related to the height of > the div element in any way? ARGH! > > please please somebody throw me a clue here - i can't think of any > workaround other than not to modal the window... > > thaks in advice > -- > Dimitar Christoff | http://fragged.org/ > > > ----- The MooTools Tutorial: http://www.mootorial.com www.mootorial.com CNET Clientside: http://clientside.cnet.com clientside.cnet.com -- View this message in context: http://n2.nabble.com/IE7-set%28%22opacity%22%29-failure-to-display-tp1094950p1095736.html Sent from the MooTools Users mailing list archive at Nabble.com.
