Minimum and maximum value of z-index?

by

http://www.w3.org/TR/CSS21/visuren.html#z-index

‘z-index’

Value: auto | <integer> | inherit

http://www.w3.org/TR/CSS21/syndata.html#numbers

Some value types may have integer
values (denoted by <integer>) or
real number values (denoted by
<number>). Real numbers and
integers are specified in decimal
notation only. An <integer>
consists of one or more digits “0” to
“9”. A <number> can either be an
<integer>, or it can be zero or
more digits followed by a dot (.)
followed by one or more digits. Both
integers and real numbers may be
preceded by a “-” or “+” to indicate
the sign. -0 is equivalent to 0 and is
not a negative number.

Note that many properties that allow
an integer or real number as a value
actually restrict the value to some
range, often to a non-negative value.

So basically there are no limitations for z-index value in the CSS standard, but I guess most browsers limit it to signed 32-bit values (−2147483648 to +2147483647) in practice (64 would be a little off the top, and it doesn’t make sense to use anything less than 32 bits these days)

More Related Contents:

  1. Why does position:relative; appear to change the z-index?
  2. Why does z-index not work?
  3. How does the z-index property really work?
  4. Overlapping/overlaying multiple inline images
  5. Flexbox, z-index & position: static: Why isn’t it working?
  6. I have position but z index is not working
  7. Using z-index to get div above another div
  8. Floating Div Over An Image
  9. click link below a higher z-index div [duplicate]
  10. Prevent an element from covering another [closed]
  11. Why does my design elements look different in all browsers? UPDATE [closed]
  12. How to add images in select list?
  13. CSS3’s border-radius property and border-collapse:collapse don’t mix. How can I use border-radius to create a collapsed table with rounded corners?
  14. How to change checkbox’s border style in CSS?
  15. minmax() defaulting to max
  16. Media Queries for Different zoom Levels of Browser
  17. Page numbers with CSS/HTML
  18. HTML5 input type range show range value
  19. Jenkins – HTML Publisher Plugin – No CSS is displayed when report is viewed in Jenkins Server
  20. Creating a CSS3 box-shadow on all sides but one
  21. Weird effect when applying transparent border over an element with a gradient background
  22. padding is not working in Safari and IE in select list
  23. Why is a trailing punctuation mark rendered at the start with direction:rtl?
  24. CSS object-fit: contain; is keeping original image width in layout
  25. CSS animate custom properties/variables
  26. Firefox 30 is not hiding select box arrows anymore
  27. extra space when centering elements using flexbox
  28. @Media print css
  29. svg background image position is always centered in internet explorer, despite background-position: left center;
  30. Link external CSS file only for specific Div [duplicate]

Leave a Comment