97涩国一产精品久久久久久久-亚洲图片视频小说-在线观看高清黄网站观看-成人精品鲁一区一区二区-亚洲免费视频观看-亚洲一区二区欧美-成人在线观看免费完整-操人视频在线观看-在线天堂√8-日本视频在线免费观看-亚洲一区无-99超碰人人-波多野结衣高清在线-欧美一级淫片aaaaaa-久久网站视频-黄色软件污污-日韩卡1卡2卡三卡免费网站

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

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


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

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

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


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

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

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

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

龍生龍,鳳生鳳,老鼠兒子愛打洞,這個(gè)就是類似繼承關(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決定)

 

德惠市| 阜南县| 德庆县| 东明县| 古丈县| 宣恩县| 探索| 池州市| 灵石县| 拉孜县| 新巴尔虎左旗| 虹口区| 肇庆市| 青海省| 平乡县| 穆棱市| 周口市| 惠水县| 宿州市| 北辰区| 玉树县| 中超| 肇源县| 霸州市| 武夷山市| 巫溪县| 惠水县| 鄄城县| 荣成市| 巫山县| 沙洋县| 太湖县| 化隆| 揭西县| 介休市| 桦南县| 定日县| 涪陵区| 西峡县| 泗洪县| 荔浦县|