原理:
<相對層>
<最高層_絕對定位>
<中間層_絕對定位>
<最底層_提供寬高>
</相對層>
<!--浮動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個人原創,轉載請注明,謝謝!