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