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/
