Solved

# Max value for z-index?

Posted on 2004-11-10
463 Views
Easy points
What is the maximum value for a valid z-index?
0
Question by:Jester_48

LVL 30

Assisted Solution

0

LVL 24

Author Comment

so according to that link there is no upper limit for z-index,
or more specifically z-index:101 is valid

is z-index:101 a valid value?
0

LVL 31

Accepted Solution

Absolutely.
0

LVL 24

Author Comment

ok

thanks

I will split the points
0

LVL 31

Expert Comment

No worries Jester :-)

BTW, 100,000 and still going strong.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<title></title>
<style type="text/css">

#one { border:1px solid black; position:absolute; left:10px; top:10px; width:200px; height:200px; background-color:#333333; z-index:1; }
#two { border:1px solid black; position:absolute; left:20px; top:20px; width:200px; height:200px; background-color:#666666; z-index:10; }
#three { border:1px solid black; position:absolute; left:30px; top:30px; width:200px; height:200px; background-color:#999999; z-index:100; }
#four { border:1px solid black; position:absolute; left:40px; top:40px; width:200px; height:200px; background-color:#bbbbbb; z-index:1000; }
#five { border:1px solid black; position:absolute; left:50px; top:50px; width:200px; height:200px; background-color:#eeeeee; z-index:10000; }
#six { border:1px solid black; position:absolute; left:60px; top:60px; width:200px; height:200px; background-color:#ffffff; z-index:100000; }

</style>
<body>

<div id="one">&nbsp;</div>
<div id="two">&nbsp;</div>
<div id="three">&nbsp;</div>
<div id="four">&nbsp;</div>
<div id="five">&nbsp;</div>
<div id="six">&nbsp;</div>

</body>
</html>
0

LVL 24

Author Comment

i was sure i saw somwhere that the max value was 99

just verifying
0

LVL 31

Expert Comment

You did, but that was referring to beer bottles on a wall :-)
0

LVL 24

Author Comment

lol...

thanks i needed that
0

## Featured Post

### Suggested Solutions

When applying CSS to your HTML, there are many different ways to select which element(s) the CSS applies to.  Some of these selectors are more commonly known and used than others - Here are the more common ones: #X - Matches an ID of X .X - Matche…
SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…