<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta content="text/html;charset=ISO-8859-1" http-equiv="Content-Type">
</head>
<body bgcolor="#ffffff" text="#000000">
Oh man I'm tired - i forgot position:absolute - nothing to do with
drupal, just my own mind failing me. please ignore ;)<br>
<br>
sander-martijn wrote:
<blockquote cite="mid:46E89991.4050707@sander-martijn.com" type="cite">
<pre wrap="">I'm having a problem with z-index on an object. I don't use jQuery - I
know javascript quite well and don't see the point in learning another
way of doing it. But no matter what z-index I put this div at, elements
burn through it. I did some searching and the only hint I got was that
it may be something JQuery is doing, but couldn't find a fix. If I have
to put some JQuery in my page just to get the z-index working that's
fine but I'd rather not do the whole thing that way. If it's not JQuery
does anyone know what might be causing this behavior? I tested it on
various pages in the site, most of which have no custom javascript or
other strangeness on them but see the same behavior - z-index seems to
be completely ignored (including the default way of html working where
the last element is on top). Anyone else familiar with this?
very straightforward example below:
css:
#theOverlay{
height:1000px;
width:1000px;
top:0px;
left:0px;
background-color:#000;
z-index:100; /* i've tried every number here imaginable */
}
html (just before </body>):
<div id="theOverlay"></div>
</pre>
</blockquote>
<br>
<div class="moz-signature">-- <br>
<hr align="center" noshade="noshade" size="1" width="100%">
<p
style="text-align: center; font-family: verdana,arial,helvetica,sans-serif; color: rgb(51, 51, 51); font-size: 10px; text-transform: lowercase; font-style: normal; font-weight: normal;"><a
href="mailto:sander@sander-martijn.com"
style="text-decoration: none; color: rgb(0, 0, 255); font-family: verdana,arial,helvetica,sans-serif;">sander-martijn</a><br>
interface developer | architect<br>
<a href="mailto:sander@sander-martijn.com"
style="text-decoration: none; color: rgb(0, 0, 255); font-family: verdana,arial,helvetica,sans-serif;">sander@sander-martijn.com</a><br>
<a href="http://www.sander-martijn.com"
style="text-decoration: none; color: rgb(0, 0, 255); font-family: verdana,arial,helvetica,sans-serif;">www.sander-martijn.com</a>
</p>
<hr align="center" noshade="noshade" size="1" width="100%"></div>
</body>
</html>