亚洲综合无码一区二区_精品伦理一区二区_国产精品国产精品国产专区不卡_国产视频一区二区_中文字幕美女_久久精品国产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決定)

 

主站蜘蛛池模板: 国产精品欧美日韩视频一区 | 亚洲天堂中文 | 久久99综合国产精品亚洲首页 | 日本人jizz| 久久精品伊人网 | 卡一卡2卡三精品 | 老熟女一级毛片 | 人人做人人爽 | 日本免费一区二区三区三州 | 麻豆免费传媒视频在线 | 亚洲经典三级 | 69xxxxxxxxxhd日本| 九九精品热线免费观看6 | 日本一区二区免费高清视频 | 伦伦影院精品一区 | 成人蜜桃 | 久久综合九色综合98一99久久99久 | 黄毛片视频| 欧美成人私人视频88在线观看 | 欧美视频一区二区三区在线观看 | 欧美一区二区三区不卡 | 日本中文字幕在线观看 | 国产午夜精品久久久久免费视 | 激情五月婷婷综合 | 欧美一区二区三区香蕉视 | 亚洲视频在线播放 | 国内欧美一区二区三区 | 丁香综合网 | 国产一卡2卡3卡四卡精品网站 | 国产精品久久久久毛片真精品 | 欧美成人影院免费观 | 国产伦精品一区二区三区无广告 | 亚洲韩国在线 | 欧美大片一区 | 男人用嘴添女人下身免费视频 | 日本三级带日本三级带黄首页 | a毛片免费全部在线播放毛 a毛片全部播放免费视频完整18 | 欧美性生活一级 | 国产精品成人久久久 | 免费成人激情视频 | 国产一级持黄大片99久久 |