国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

ie7下z-index失效問題解決方法(詳細分析)

2024-07-11 08:49:28
字體：大 中 小
來源：轉載
供稿：網友
解決辦法：

父級元素加上position:relative;并設置z-index.
父級元素的z-index優先，其中包含的元素的z-index是相對于父級元素的index.
<div style="position:relative;z-index=2">
<p style="position:absolute;z-index=99"> ...(要在上層顯示的內容）</p>
<div>
<div style="position:relative;z-index=1">
...
<div>

上面的例子中，倘若將第一個div的z-index設置為-1，則無論p的z-index為多少，多會被下面的div遮住。
相反，倘若下層div的z-index也設置成2，ie7正在解釋時，會按照"position:relative"的層的順序，自動疊加，即實際值是3.
沒有加position屬性時，所有值繼承自父級。

在ie7下，如下代碼會出現z-index覆蓋混亂的問題：


復制代碼

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 永平县| 正宁县| 新沂市| 盐池县| 赤壁市| 溧水县| 宣汉县| 祁连县| 岫岩| 屯门区| 高碑店市| 宝应县| 宁武县| 吉木萨尔县| 巫溪县| 镇原县| 喀喇沁旗| 合江县| 原平市| 孟连| 静海县| 清徐县| 临清市| 武冈市| 云阳县| 边坝县| 南和县| 浏阳市| 裕民县| 恭城| 屏南县| 保定市| 江门市| 永修县| 遵化市| 卓资县| 漳浦县| 南京市| 南城县| 邵阳县| 黄山市|