CSS z-index ÊôÐÔ

ʵÀý

ÉèÖÃͼÏñµÄ z-index£º

img
  {
  position:absolute;
  left:0px;
  top:0px;
  z-index:-1;
  }

Ç××ÔÊÔÒ»ÊÔ

ä¯ÀÀÆ÷Ö§³Ö

ËùÓÐÖ÷Á÷ä¯ÀÀÆ÷¶¼Ö§³Ö z-index ÊôÐÔ¡£

×¢ÊÍ£ºÈκεİ汾µÄ Internet Explorer £¨°üÀ¨ IE8£©¶¼²»Ö§³ÖÊôÐÔÖµ "inherit"¡£

¶¨ÒåºÍÓ÷¨

z-index ÊôÐÔÉèÖÃÔªËØµÄ¶Ñµþ˳Ðò¡£ÓµÓиü¸ß¶Ñµþ˳ÐòµÄÔªËØ×ÜÊǻᴦÓڶѵþ˳Ðò½ÏµÍµÄÔªËØµÄÇ°Ãæ¡£

×¢ÊÍ£ºÔªËØ¿ÉÓµÓиºµÄ z-index ÊôÐÔÖµ¡£

×¢ÊÍ£ºZ-index ½öÄÜÔÚ¶¨Î»ÔªËØÉÏ×àЧ£¨ÀýÈç position:absolute;£©£¡

˵Ã÷

¸ÃÊôÐÔÉèÖÃÒ»¸ö¶¨Î»ÔªËØÑØ z ÖáµÄλÖã¬z ÖᶨÒåΪ´¹Ö±ÑÓÉìµ½ÏÔÊ¾ÇøµÄÖá¡£Èç¹ûΪÕýÊý£¬ÔòÀëÓû§¸ü½ü£¬Îª¸ºÊýÔò±íʾÀëÓû§¸üÔ¶¡£

ĬÈÏÖµ£º auto
¼Ì³ÐÐÔ£º no
°æ±¾£º CSS2
JavaScript Óï·¨£º object.style.zIndex="1"

¿ÉÄܵÄÖµ

Öµ ÃèÊö
auto ĬÈÏ¡£¶Ñµþ˳ÐòÓë¸¸ÔªËØÏàµÈ¡£
number ÉèÖÃÔªËØµÄ¶Ñµþ˳Ðò¡£
inherit ¹æ¶¨Ó¦¸Ã´Ó¸¸ÔªËؼ̳Рz-index ÊôÐÔµÄÖµ¡£

TIY ʵÀý

Z-index
Z-index ¿ÉÓÃÓÚ½«ÔÚÒ»¸öÔªËØ·ÅÖÃÓÚÁíÒ»ÔªËØÖ®ºó¡£
Z-index
ÉÏÀýÖеÄÔªËØÒѾ­¸ü¸ÄÁË Z-index¡£

Ïà¹ØÒ³Ãæ

CSS ½Ì³Ì£ºCSS ¶¨Î»

HTML DOM ²Î¿¼Êֲ᣺zIndex ÊôÐÔ

VUE