一区二区三区四区在线播放-一区二区三区四区在线-一区二区三区四区亚洲-一区二区三区四区五区六区-九七影院在线观看-九六视频

z-index軸在css中具體使用方法

z-index屬性決定了一個HTML元素的層疊級別。元素層疊級別是相對于元素在Z軸上(與X軸Y軸相對照)的位置而言。一個更高的Z-index值意味著這個元素在疊層順序中會更靠近頂部。這個層疊順序沿著垂直的線軸被呈現。


原理性的東西就不說了,網上搜索一大堆,具體講下z-index屬性怎么使用。這個屬性比較特別,并不是直接給div加個屬性就能起作用的。需要滿足2個條件:

條件一:作用的這個div的position屬性不能是默認值(static默認值,沒有定位);

條件二:必須是親兄弟間的div相互比較z-index軸需要是同一個父親);


下面具體說下怎么操作

作用的這個div的position屬性不能是默認值

一般情況下,如果這個div需要定位的,可以選擇“absolute”或“fixed”值;如果僅僅是配合z-index使用,使z-index屬性起作用,可以選擇“relative”值。

必須是親兄弟間的div相互比較z-index軸(需要是同一個父親)

龍生龍,鳳生鳳,老鼠兒子愛打洞,這個就是類似繼承關系。

舉例:兩個小伙之間比較地位高低有兩種情況,

A:如果他們是同一個父親的兒子,這個兩小伙誰實力強,誰的地位就高。

B:如果兩小伙的父親不是同一個人,那么這兩小伙的地位就是靠父親之間的地位高低決定的。


總結:

如果是同一個父級div里的子div相比較,哪個子div的z-index設置的高,哪個就排在前面;

如果是不同父級div里的子div相比較,就是這兩個父級div相比較,誰的z-index設置的高,他們的父親連同兒子地位都高。(這兩個子div是不好比較的,他們的高低由父div決定)

 

主站蜘蛛池模板: 精品一区二区视频在线观看 | 亚洲成年人在线 | 久久久天堂网 | 激情五月婷婷在线 | 亚洲精品无码不卡 | 五月婷婷激情综合网 | 亚洲最大福利网站 | 亚洲精品国产成人专区 | 看片不卡| 亚洲无吗在线视频 | 男女做羞羞的网站视频 | 欧美日韩亚洲综合 | 亚洲欧美在线观看视频 | 自拍偷拍首页 | 成人欧美一区二区三区黑人免费 | 久久激情综合色丁香 | 国产成人一区二区三中文 | 伊人免费视频 | 四虎精品成人免费影视 | 久久riav| 国产精品成人一区二区 | 日韩精品在线观看免费 | 波多野结衣视频在线看 | 在线看成品视频入口免 | 欧美色视频免费高清播放 | 久久99精品久久久久久 | 一个色综合网站 | 婷婷四房综合激情五月性色 | 视频二区 国产精品 职场同事 | 在线亚洲免费 | 骚影院 | 免费视频久久看 | 国产亚洲精品美女 | 成人在线一区二区 | 尤物精品视频一区二区三区 | 丁香五香天堂网 | 亚洲午夜视频在线观看 | 国产精品久久久久久久久久一区 | 一级欧美一级日韩 | 久久久久女人精品毛片 | 一区二区在线看 |