Hey all,
Just started using prototype yesterday and enjoying every minute :)
I'm working on a 'lightbox-esq' feature and am having a slight problem
with IE6 (surprise surprise!)
Here's my prototype code for generating and inserting the overlay:
//get elements
var button = $('showOverlay');
var theBody = $$('body');
//event handler for button click
Event.observe(button, 'click', function(e) {
//create overlay div
var div = new Element('div', { 'id':'overlay'}).setOpacity('0.7');
//add overlay to page
theBody[0].insert({top:div});
//stop click event propagating
Event.stop(e);
});
And here's the CSS:
#overlay { height:100%; width:100%; position:fixed; top:0px; left:0px;
background:#000; z-index:1000;}
In my IE6 stylesheet I set #overlay { position:absolute; }
It's working in all browsers, even IE6, the only problem is any select
boxes on the page show through the overlay in IE6.
I can use prototype to hide all select boxes on the page when the
overlay opens, which hides them nicely in IE6 however when I do this,
the overlay no longer covers the whole page, just the viewport.
So it seems in IE6 I can either have a full-page overlay that shows
select boxes, or a full-viewport overlay with no select boxes, but not
both (or a nice combination of both)...
Any ideas?
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups "Ruby
on Rails: Spinoffs" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to [EMAIL PROTECTED]
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---
