亚洲免费在线-亚洲免费在线播放-亚洲免费在线观看-亚洲免费在线观看视频-亚洲免费在线看-亚洲免费在线视频

浮動里的絕對定位元素在IE下被遮擋的解決方法

系統(tǒng) 1766 0

最近在優(yōu)化頁面時遇到的問題:在浮動里的絕對定位元素在FF下顯示正常而在IE下被遮擋

?

FF顯示效果:

IE顯示效果:

?

    #wrap{overflow:hidden;
 height:1%;
 }	  
#wrap li{float:left;
margin-right:12px;
height:120px;
padding:6px;
position:relative;
 ist-style:none;
}		 
#wrap li .text{position:absolute;
left:120px;
top:8px;
background:#ccc;
border:1px solid #333;
width:120px;
height:30px;
z-index:9999;
} 
  

?

    <ul id="wrap">
<li style="z-index:100;">
<img src="1.jpg" />
<div class="text">固定文本內(nèi)容</div>
</li>
<li>
<img src="1.jpg" />
<div class="text">固定文本內(nèi)容</div>
</li>
</ul>
  

??

從表面上看是第二個浮動元素li遮住了上面的絕對定位層(即上圖的文字層.text),實際上是第二個浮動元素遮住了絕對定位的的父級層(即第一個浮動層li),只要將該父級層的z-index設(shè)定大于是第二個浮動元素即可,也就是說將第一個浮動元素層li的z-index值大于是第二個浮動元素li的z-index值。

?

示例見附件

?

另外一種情況請參考:

IE6 bug: 消失的絕對定位元素 http://www.ued163.com/?p=673

?

浮動里的絕對定位元素在IE下被遮擋的解決方法


更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主

微信掃碼或搜索:z360901061

微信掃一掃加我為好友

QQ號聯(lián)系: 360901061

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。

【本文對您有幫助就好】

您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描上面二維碼支持博主2元、5元、10元、自定義金額等您想捐的金額吧,站長會非常 感謝您的哦!!!

發(fā)表我的評論
最新評論 總共0條評論
主站蜘蛛池模板: 亚洲精品久久久久中文字小说 | 色一情一乱一伦麻豆 | 国产一区二区免费在线观看 | 欧美黑人猛xxxxbbbb | 色婷婷综合久久久久中文一区二区 | 久久亚洲伊人 | 成人国产一区二区三区 | 精品日韩在线视频 | 狠狠色狠狠色综合 | 免费一级毛片麻豆精品 | 九九九久久久久久久爱 | 亚洲国产图片 | 四虎视屏| 爆操大奶美女 | 日韩中文字幕久久精品 | 国产高清精品自在久久 | 国产精品久久久久影院色老大 | 黄色成人免费网站 | 永久免费观看黄网站 | 一色屋精品亚洲香蕉网站 | 欧美日韩一区二区综合在线视频 | 国产精品美女久久久 | 免费国产a国产片高清不卡 免费国产阿v视频在线观看 | 九九精品视频在线播放 | 亚洲精品国产第一综合99久久 | 91爱爱视频| 精品一区二区三区在线观看 | 国产一区二区三区不卡在线观看 | 欧美爱爱爱爱免费视频 | 国产成人啪午夜精品网站男同 | 免费色片网站 | 免费看爱爱视频 | 美女久久久久久久久久久 | 国产99久久亚洲综合精品 | 亚洲热线99精品视频 | 伊人天伊人天天网综合视频 | 涩涩色中文综合亚洲 | 日本一本二本免费播放视频 | 私人影院在线播放 | 亚洲免费福利视频 | 久久99精品久久久久久国产越南 |