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
rubyonrails-spinoffs-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
To unsubscribe from this group, send email to
rubyonrails-spinoffs-unsubscribe-/JYPxA39Uh5TLH3MbocFFw@public.gmane.org
For more options, visit this group at
http://groups.google.com/group/rubyonrails-spinoffs?hl=en
-~----------~----~----~----~------~----~------~--~---