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

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

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


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

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

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


下面具體說(shuō)下怎么操作

作用的這個(gè)div的position屬性不能是默認(rèn)值

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

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

龍生龍,鳳生鳳,老鼠兒子愛(ài)打洞,這個(gè)就是類(lèi)似繼承關(guān)系。

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

A:如果他們是同一個(gè)父親的兒子,這個(gè)兩小伙誰(shuí)實(shí)力強(qiáng),誰(shuí)的地位就高。

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


總結(jié):

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

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

 

主站蜘蛛池模板: 四虎影视亚洲精品 | 日韩一级精品久久久久 | 精品在线小视频 | 伊人国产视频 | 免费观看国产精品视频 | 欧美日韩在线精品成人综合网 | 在线观看亚洲视频 | 激情五月五月婷婷 | 俄罗斯精品三级在线观看 | 久久福利免费视频 | 婷婷色在线播放 | 亚洲一级理论片 | 国产在线精品成人一区二区三区 | 久久一本 | 自拍网在线 | 婷婷啪啪 | 水蜜桃视频网 | 伊人青草 | 亚洲自拍第二页 | 亚欧精品一区二区三区四区 | 亚洲二区在线观看 | 99久久精品免费看国产一区二区三区 | 中文字幕一级片 | 正在播放一区二区 | 意大利禁忌电影 | 色五婷婷 | 国产男女自拍视频 | 亚洲国产成人久久一区www | 六月丁香在线观看 | 久久一区二区精品综合 | 久久久久久国模大尺度人体 | 黄色污污视频网站 | 在线看你懂 | 亚洲综合成人网在线观看 | 综合五月婷婷 | 男女免费视频网站 | 九色视频网址 | 亚洲国产成人久久99精品 | 久久精品国产精品2020 | 日日lu| 婷婷激情五月综合 |