在網(wǎng)頁(yè)中，每個(gè)屬于自己程序都有自己默認(rèn)層級(jí)定義，就因?yàn)檫@個(gè)原因有些元素才有顯示層次的區(qū)分，在某些時(shí)候可以利用css的z-index屬性來(lái)改變?cè)氐哪J(rèn)關(guān)系，到最后由于不同的瀏覽器層次的關(guān)系不同就會(huì)造成瀏覽器的顯示分開(kāi)，有些人認(rèn)為都是瀏覽器關(guān)系或者是模板的問(wèn)題去修改，一般出現(xiàn)在比如IE6、IE7和Firefox之間，所以小編今天找了很多資料去想辦法修改這些東西，達(dá)到一致的效果 常見(jiàn)的層級(jí)bug有層被下拉框蓋住的bug、flash文件始終在最頂層等等很多，無(wú)憂(yōu)小編先講解下如何解決IE6中層被下拉框蓋住的方法E6中層被下拉框蓋住是什么樣子的很多站長(zhǎng)朋友都在懷疑有字無(wú)圖說(shuō)半天都是多余。下面是無(wú)憂(yōu)小編截圖：   [caption id="attachment_15913" align="alignnone" width="297"] 帝國(guó)截圖[/caption] 以上的截圖代碼如下：小編都提供給大家看下 <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="###">汽車(chē)</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>選擇專(zhuān)輯：</span> <select name="select2"> <option>默認(rèn)專(zhuān)輯</option> <option selected="selected">自建專(zhuān)輯名</option> </select>　 </form> 喜歡研究的朋友可以試著把代碼粘貼到網(wǎng)站中，使用IE7和360以及Firefox瀏覽器查看根本一點(diǎn)樣子都不會(huì)變，但是接下來(lái)小編使用IE6的時(shí)候效果卻大大的打折扣，完全不一樣了選擇框的下拉菜單遮擋住，其實(shí)造成這個(gè)原因IE6選擇框默認(rèn)為最高層，所以將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ò)誤--> 解決這個(gè)問(wèn)題的辦法只需要把以上的代碼復(fù)制到tags_box的div里面就可以好了，之后刷新網(wǎng)頁(yè)或者清理下瀏覽器的緩存就OK 能解決了！   無(wú)憂(yōu)主機(jī)相關(guān)文章推薦閱讀： 帝國(guó)CMS建站：如何增加廣告信息 帝國(guó)商城系列——如何配置店鋪購(gòu)買(mǎi)流程及部分參數(shù) 在帝國(guó)ECMS中首頁(yè)注冊(cè)會(huì)員時(shí)如何去掉“選擇注冊(cè)會(huì)員類(lèi)型”的解決方案 數(shù)據(jù)緩存問(wèn)題導(dǎo)致帝國(guó)CMS更新數(shù)據(jù)提示“INTERNET SERVER ERROR ”

本文地址：http://www.love62.cn/empirecms/15912.html