類似結構：
復制代碼代碼如下:
<div></div><ifram src="<a href="http://caibaojian.com"></iframe">http://caibaojian.com"></iframe</a>>
第一種：透明背景被遮住
當div使用透明的背景時，無論是使用（opacity或者rgba格式），除了chrome，其它浏覽器都出現div被iframe遮住的情況。
解決方法：
div使用不透明背景或者使用透明的背景圖片。
第二種：ie8中z-index失效
在ie中，iframe裡引入video視頻播放會導致div的z-index無效，即div的z-index無論設為多少，均被iframe遮住。來源
解決方法：
給iframe地址加一個參數wmode=opaque，假如地址是：http://caibaojian.com 則對應改為：http://caibaojian.com?wmode=opaque。
flash在其他元素後面
另外順便看到flash也有這個z-index失效的問題，同樣是給flash加一個上面的參數
復制代碼代碼如下:
<param name="wmode" value="transparent">
或者
復制代碼代碼如下:
<EMBED src="<a href="https://cdn.css-tricks.com/FlashAnimation.swf">https://cdn.css-tricks.com/FlashAnimation.swf</a>" type="application/x-shockwave-flash" wMode="Transparent">
附錄iframe的一些參數
border
復制代碼代碼如下:
<iframe border="3"></iframe>
設定圍繞圖文框的邊緣寬度
frameboder
復制代碼代碼如下:
<iframe frameboder="0"></iframe>
設置邊框是不否為3維（0=否，1=是）
height,width
復制代碼代碼如下:
<iframe height="31" width="88"></iframe>
設質邊框的寬度和高度
scrolling
復制代碼代碼如下:
<iframe scrolling="no"></iframe>
是否有滾動條（yes,no,auto)
src
復制代碼代碼如下:
<iframe src="girl.gif"></iframe>
指定iframe調用的文件或圖片(html,htm,gif,jpeg,jpg,png,txt,*.*)
總結
以上就是這篇文章的全部內容，希望對大家的學習或者工作帶來一定的幫助，如果有問題大家可以留言交流。