新聞中心

解決帝國cms在IE6中層被下拉框蓋住解決方法

作者 / 無憂主機時間 2014-08-24 18:21:56

在網頁中，每個屬于自己程序都有自己默認層級定義，就因為這個原因有些元素才有顯示層次的區(qū)分，在某些時候可以利用css的z-index屬性來改變元素的默認關系，到最后由于不同的瀏覽器層次的關系不同就會造成瀏覽器的顯示分開，有些人認為都是瀏覽器關系或者是模板的問題去修改，一般出現在比如IE6、IE7和Firefox之間，所以小編今天找了很多資料去想辦法修改這些東西，達到一致的效果常見的層級bug有層被下拉框蓋住的bug、flash文件始終在最頂層等等很多，無憂小編先講解下如何解決IE6中層被下拉框蓋住的方法E6中層被下拉框蓋住是什么樣子的很多站長朋友都在懷疑有字無圖說半天都是多余。下面是無憂小編截圖： [caption id="attachment_15913" align="alignnone" width="297"] 帝國截圖[/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>推薦標簽</b></p> <p> <a href="###">西藏</a> <a href="###">動漫</a> <a href="###">35mm</a> <a href="###">足球</a> <a href="###">壁紙</a> <a href="###">汽車</a><br /> <a href="###">數碼</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="###">藝術</a> <a href="###">幽默</a> <a href="###">快樂</a> <a href="###">MM</a> </p> </div> <br /> <br /> <br /> <form id="form2" name="form2" method="post" action=""> <span>選擇專輯：</span> <select name="select2"> <option>默認專輯</option> <option selected="selected">自建專輯名</option> </select>　 </form> 喜歡研究的朋友可以試著把代碼粘貼到網站中，使用IE7和360以及Firefox瀏覽器查看根本一點樣子都不會變，但是接下來小編使用IE6的時候效果卻大大的打折扣，完全不一樣了選擇框的下拉菜單遮擋住，其實造成這個原因IE6選擇框默認為最高層，所以將tags_box蓋住。想解決這個問題需要改變z-index的值是達不到效果的但是，可以找到和選擇下拉框同樣被IE6誤認為最高等級的另一元素——iframe解決它。方法是在tags_box這個div中插入一個iframe，并讓它的的透明度為0，看起來不存在一樣。添加代碼如下： <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> 解決這個問題的辦法只需要把以上的代碼復制到tags_box的div里面就可以好了，之后刷新網頁或者清理下瀏覽器的緩存就OK 能解決了！無憂主機相關文章推薦閱讀：帝國CMS建站：如何增加廣告信息帝國商城系列——如何配置店鋪購買流程及部分參數在帝國ECMS中首頁注冊會員時如何去掉“選擇注冊會員類型”的解決方案數據緩存問題導致帝國CMS更新數據提示“INTERNET SERVER ERROR ”