[thelist] z-index issues in ie6 and ie7 [SOLVED]
Chris Dorer
cdorer at gmail.com
Thu Aug 16 17:27:31 CDT 2007
On 8/16/07, Chris Dorer <cdorer at gmail.com> wrote:
>
> Ok. So upon further digging, i found that a MUCH simpler search was to
> look on google with the search term "z-index ie bug". One page that
> REALLLLLLLLY helped was:
>
> http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html
>
> I then placed the element with z-index 5 in the same container as the
> element with z-index 13. I then made absolute positioning of the z-index:5
> with finding the top and left x & y positions and multiplied them with -1.
>
> Voila!!!!!
>
> On 8/16/07, Chris Dorer <cdorer at gmail.com> wrote:
> >
> > List,
> >
> > Why when I use a table and style it with a z-index of 5 in FireFox it
> > plays nicely and lies underneath a div dialog box that's a z-index of 13.
> >
> >
> > HOWEVER, in ie the table craps out and has a commanding z-index layer
> > that supersedes the dialog box's z-index of 13.
> >
> > What information can I provide you besides the following:
> >
> > function a(){
> > var heightOfDoc = $(document).height();
> > $("<table id='disablePage' " +
> > "style='z-index:5; display:none; position:absolute; top:0px;" +
> > "left:0px;' width='100%' height='" + heightOfDoc +
> > "px'><td></td>" +
> > "</table>").prependTo("body");
> > }
> >
> > function disablePage() {
> > // $("#disablePage").css("display", "block");
> > $("#disablePage").css("z-index", "5");
> > $("#disablePage").css("background-color", "red");
> > alert( $("#disablePage").css("z-index") );
> > }
> >
> > function unDisablePage() {
> > $("#disablePage").css("display", "none");
> > }
> >
> > Thanks for your tips,
> >
> > Chris
> >
> >
>
More information about the thelist
mailing list