苍井空无码免费换线,亚洲欧美精品综合一区,国产精品拍在线天天更新

<abbr id="qkeck"></abbr>

利用zoom解決ie6下div浮動(dòng)錯(cuò)位的問(wèn)題

發(fā)布時(shí)間：2015/04/22 來(lái)源：長(zhǎng)沙建站

這里我給大家分享的是今天在長(zhǎng)沙建站時(shí)寫div+css做首頁(yè)滾動(dòng)圖片，在ie6下測(cè)試，滾動(dòng)的三個(gè)小點(diǎn)居然跑到網(wǎng)站最底部去了。這就是明顯的div浮動(dòng)錯(cuò)位問(wèn)題�，F(xiàn)在直接給大家上圖解釋。

除了ie6下的其它瀏覽器都可以正常顯示如下圖：

在ie6下確是這樣顯示的：

滾動(dòng)的三個(gè)小點(diǎn)跑到網(wǎng)站最底部去了。

這部分的div代碼如下：

</div>

</div>

css代碼如下：

.banner{ position:relative;}

#scorllBar{margin:0px auto; position:absolute; bottom:20px; left:50%; margin-left:-70px;}

#scorllBar a{ display:block; width:28px; height:12px; cursor:pointer; float:left; background:url(../../images/ban_dot.png) no-repeat;}

#scorllBar a.active{ background-position:-28px 0;}

#scorllBar a span{ display:none;}

#scorllerCont{ width:1000px; height:461px; overflow:hidden;}

#hjs_imgCont{ height:421px; overflow:hidden; z-index:10;}

.hjs_imgCenter{ position:relative; height:430px; overflow:hidden; float:left;}

.hjs_imgCenter img{ position:absolute;}

從網(wǎng)上找到許久，最后測(cè)試得出，只要在.banner{ position:relative;}的css代碼上加zoom:1;就可以正常顯示了。

css中zoom的作用主要是：檢查頁(yè)面的標(biāo)簽是否閉合、樣式排除法、模塊確認(rèn)法、檢查是否清除浮動(dòng) 、檢查 IE 下是否觸發(fā) haslayout 、邊框背景調(diào)試法。

我這次ie6下div浮動(dòng)錯(cuò)位的問(wèn)題用zoom:1來(lái)解決主要是利用了css中zoom的作用中的檢查IE6下是否觸發(fā) haslayout。

上一篇：手機(jī)安卓系統(tǒng)開發(fā)中的Intent(Filter)用法

下一篇：忘記wordpress網(wǎng)站后臺(tái)密碼怎么辦?

亚洲国产私拍精品国模在线观看,人妻中出受孕 中文字幕在线,3D动漫精品啪啪一区二区免费,亚洲AV色福利天堂

利用zoom解決ie6下div浮動(dòng)錯(cuò)位的問(wèn)題

亚洲国产私拍精品国模在线观看,人妻中出受孕中文字幕在线,3D动漫精品啪啪一区二区免费,亚洲AV色福利天堂