深度理解z-index

z-index屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會處于堆疊

順序較低的元素的前面。所有主流的瀏覽器都支持z-index。

● z-index值表示誰壓著誰。數(shù)值大的壓蓋住數(shù)值小的。

● 只有定位了的元素,才能有z-index值。也就是說,不管相對定位、絕對定位、固定定位,都可以使用z-index值。而浮動的東西不能用。

● z-index值沒有單位,就是一個正整數(shù)。默認(rèn)的z-index值是0。

● 如果大家都沒有z-index值,或者z-index值一樣,那么誰寫在HTML后面,誰在上面能壓住別人。定位了的元素,永遠能夠壓住沒有定位的元素。

● 從父現(xiàn)象:父親慫了,兒子再牛逼也沒用。

沒有單位:

1z-index: 988;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補...
    _Yfling閱讀 14,180評論 1 92
  • CSS 定位 CSS有三種基本的定位機制:普通流,浮動,絕對定位(absolute, fixed):普通流是默認(rèn)定...
    _空空閱讀 5,985評論 0 15
  • 1.z-index基礎(chǔ) z-index屬性指定了元素及其子元素的[z順序],而[z順序]可以決定當(dāng)元素發(fā)生覆蓋的時...
    徐國軍_plus閱讀 6,591評論 1 6
  • 第一節(jié):z-index基礎(chǔ) 較大的z-index會覆蓋較小的那個z-index元素 z-index:auto 默認(rèn)...
    胖魚尾巴閱讀 1,137評論 0 0
  • z-index 與 css 定位屬性 z-index 只對定位元素有作用。 如果定位元素z-index沒有發(fā)生嵌套...
    soojade閱讀 1,053評論 0 2

友情鏈接更多精彩內(nèi)容