div被iframe遮住的幾種情況及解決方法

類似結(jié)構(gòu)：

第一種：透明背景被遮住

當(dāng)div使用透明的背景時，無論是使用（opacity或者rgba格式），除了chrome，其它瀏覽器都出現(xiàn)div被iframe遮住的情況。

解決方法：

div使用不透明背景或者使用透明的背景圖片。

第二種：ie8中z-index失效

在ie中，iframe里引入video視頻播放會導(dǎo)致div的z-index無效，即div的z-index無論設(shè)為多少，均被iframe遮住。來源

解決方法：

給iframe地址加一個參數(shù)wmode=opaque，假如地址是：http://caibaojian.com 則對應(yīng)改為：http://caibaojian.com?wmode=opaque。

flash在其他元素后面

另外順便看到flash也有這個z-index失效的問題，同樣是給flash加一個上面的參數(shù)

附錄iframe的一些參數(shù)

border

設(shè)定圍繞圖文框的邊緣寬度

frameboder

設(shè)置邊框是不否為3維（0=否，1=是）

height,width

設(shè)質(zhì)邊框的寬度和高度

scrolling

是否有滾動條（yes,no,auto)

src

指定iframe調(diào)用的文件或圖片(html,htm,gif,jpeg,jpg,png,txt,*.*)

總結(jié)
以上就是這篇文章的全部內(nèi)容，希望對大家的學(xué)習(xí)或者工作帶來一定的幫助，如果有問題大家可以留言交流。