亚洲综合无码一区二区_精品伦理一区二区_国产精品国产精品国产专区不卡_国产视频一区二区_中文字幕美女_久久精品国产99久久久古代

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決定)

 

主站蜘蛛池模板: 日本vs欧美一区二区三区 | 青青草国产免费一区二区 | 国产激爽大片高清在线观看 | 日本aⅴ在线观看 | 999精品视频在线 | 日本免费不卡在线一区二区三区 | 欧美日韩亚洲国产千人斩 | 欧美第四页| 国产人妖在线 | 国产精品女| 99视频在线观看免费视频 | 欧美最新在线 | aaa毛片视频免费观看 | 欧美成人午夜视频 | 日本肉肉视频免费观看 | 一区二区三区中文字幕 | 日本黄大片视频在线播放 | 亚洲午夜精品久久久久久抢 | a成人毛片免费观看 | 伊人网综合视频 | 欧美日韩国产三级 | 国产精品jizz在线观看软件 | 狠狠五月深爱婷婷网 | 人人澡人人草 | 人人干人人搞 | 久久99久久99精品免观看 | 亚洲特级黄色片 | 欧美特黄a级高清免费看片 欧美特黄高清免费观看的 欧美特黄三级成人 | 日本一区二区三区不卡在线看 | 国产日韩亚洲不卡高清在线观看 | 麻豆va| 99热这里只有精品免费国产 | 久久久黄色 | 黄色的软件免费 | 日韩在线aⅴ免费视频 | 久久这里只有精品9 | 久久99免费 | 起碰免费视频97网站 | 欧美视频亚洲视频 | 国产成人精品高清不卡在线 | 国产偷2018在线观看午夜 |