天天看點

ie6 div select 純css解決 個人原創,與大家共享

原理:

<相對層>

    <最高層_絕對定位>

    <中間層_絕對定位>

    <最底層_提供寬高>

</相對層>

<!--浮動div,z-index:999解決除ie6的所有浏覽器-->

<div id="ad" style="position:absolute; z-index:999">

     <!--為絕對定位準備相對定位,float:left;脫離标準流,自适應寬高 overflow:hidden;隐藏超出的 -->

     <div style="position:relative; overflow:hidden; display:block; float:left;">

         <!--(最底層)在标準流中 提供寬高-->

         <img src="1.jpg" >

         <!--(中間層)脫離标準流,絕對定位,擁有一個自動的寬高,不夠的話,可以自己再設,_filter:alpha(opacity=0);去除iframe顔色,ie6 中 iframe層級永高于select -->

         <iframe style=" position:absolute; top:0px; left:0px; border-style:none;z-index:1;opacity=0;_filter:alpha(opacity=0);"></iframe>

         <!--(最高層)絕對定位,與中間層重合,設定層級高于iframe -->

         <div style="position:absolute; top:0px; left:0px; z-index:2;">

             <a href="#" target="_blank" rel="external nofollow" target="_blank"><img src="1.jpg" ></a>

         </div>

     </div>

</div>

zhangbest5個人原創,轉載請注明,謝謝!