日日操夜夜添-日日操影院-日日草夜夜操-日日干干-精品一区二区三区波多野结衣-精品一区二区三区高清免费不卡

公告:魔扣目錄網(wǎng)為廣大站長(zhǎng)提供免費(fèi)收錄網(wǎng)站服務(wù),提交前請(qǐng)做好本站友鏈:【 網(wǎng)站目錄:http://www.ylptlb.cn 】, 免友鏈快審服務(wù)(50元/站),

點(diǎn)擊這里在線咨詢客服
新站提交
  • 網(wǎng)站:51998
  • 待審:31
  • 小程序:12
  • 文章:1030137
  • 會(huì)員:747

IE6中層被下拉框蓋住的bug[點(diǎn)擊放大]

在網(wǎng)頁(yè)中,每個(gè)元素都有自己的默認(rèn)層級(jí)定義,正因?yàn)檫@些關(guān)系,元素才有顯示層次的區(qū)分,當(dāng)然也可以利用CSS中?的z-index屬性來(lái)改變?cè)氐哪J(rèn)層級(jí)關(guān)系。 由于不同瀏覽器對(duì)層次關(guān)系的解釋不同,會(huì)造成瀏覽器之間的顯示差別,出現(xiàn)bug,比如IE6、IE7和Firefox之間,所以要想些辦法修正這些差別,達(dá)到統(tǒng)一效果。 常見(jiàn)的層級(jí)bug有層被下拉框蓋住的bug、flash文件始終在最頂層等等很多,本篇文章先講解如何解決IE6中層被下拉框蓋住的bug。 IE6中層被下拉框蓋住的bug究竟是什么樣子的?請(qǐng)看以下代碼:

<div id="tags_box" style="position:absolute;top:20px;left:100px;width:210px; height:110px;z-index:999;border:1px solid #1d95c7;background:#f0f9fb;padding:5px;"> <p><b>推薦標(biāo)簽</b></p> <p> <a href="###">西藏</a>  <a href="###">動(dòng)漫</a>  <a href="###">35mm</a>  <a href="###">足球</a>  <a href="###">壁紙</a>  <a href="###">汽車</a><br /> <a href="###">數(shù)碼</a>  <a href="###">夏天</a>  <a href="###">偶像</a>  <a href="###">清純</a>  <a href="###">婚紗</a>  <a href="###">5D</a><br /> <a href="###">服飾</a>  <a href="###">電影</a>  <a href="###">lomo</a>  <a href="###">搞笑</a>  <a href="###">造型</a>  <a href="###">黑白</a><br /> <a href="###">香港</a>  <a href="###">建筑</a>  <a href="###">藝術(shù)</a>  <a href="###">幽默</a>  <a href="###">快樂(lè)</a>  <a href="###">MM</a> </p> </div> <br /> <br /> <br /> <form id="form2" name="form2" method="post" action=""> <span>選擇專輯:</span> <select name="select2"> <option>默認(rèn)專輯</option> <option selected="selected">自建專輯名</option> </select>  </form>

以上代碼粘貼到網(wǎng)頁(yè)中,使用IE7和Firefox瀏覽器查看均無(wú)異樣,但使用IE6查看時(shí)效果卻如圖一所示。雖然名為tags_box的div已經(jīng)聲明z坐標(biāo)的值為999,但在IE6下仍然被選擇框的下拉菜單遮擋住了,造成這個(gè)問(wèn)題的原因是IE6將選擇框的默認(rèn)層級(jí)視為最高級(jí),所以將tags_box蓋住。 要解決這個(gè)問(wèn)題,只改變z-index的值是達(dá)不到效果的,但是,可以找到和選擇下拉框同樣被IE6誤認(rèn)為最高等級(jí)的另一元素——iframe解決它。具體方法是在tags_box這個(gè)div中插入一個(gè)iframe,并讓它的的透明度為0,看起來(lái)好像不存在一樣。代碼如下:

<div style="position:absolute;z-index:-1;left:-1px;top:0;width:200px;"> <iframe style="background:#F0F9FB;width:100%;height:110px;filter:alpha(opacity=0);-moz-opacity:0"></iframe> </div><!--解決IE6中層無(wú)法擋住下方選擇框的錯(cuò)誤-->

只要將以上代碼復(fù)制到tags_box的div中即可,在IE6中的預(yù)覽效果應(yīng)如圖二中所示。

分享到:
標(biāo)簽:中層 帝國(guó) 模板 蓋住 解決
用戶無(wú)頭像

網(wǎng)友整理

注冊(cè)時(shí)間:

網(wǎng)站:5 個(gè)   小程序:0 個(gè)  文章:12 篇

  • 51998

    網(wǎng)站

  • 12

    小程序

  • 1030137

    文章

  • 747

    會(huì)員

趕快注冊(cè)賬號(hào),推廣您的網(wǎng)站吧!
最新入駐小程序

數(shù)獨(dú)大挑戰(zhàn)2018-06-03

數(shù)獨(dú)一種數(shù)學(xué)游戲,玩家需要根據(jù)9

答題星2018-06-03

您可以通過(guò)答題星輕松地創(chuàng)建試卷

全階人生考試2018-06-03

各種考試題,題庫(kù),初中,高中,大學(xué)四六

運(yùn)動(dòng)步數(shù)有氧達(dá)人2018-06-03

記錄運(yùn)動(dòng)步數(shù),積累氧氣值。還可偷

每日養(yǎng)生app2018-06-03

每日養(yǎng)生,天天健康

體育訓(xùn)練成績(jī)?cè)u(píng)定2018-06-03

通用課目體育訓(xùn)練成績(jī)?cè)u(píng)定