首頁 > web前端 > html教學 > div被iframe遮住的幾種情況及解決方法

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

巴扎黑
發布: 2017-05-21 10:12:57
原創
1965 人瀏覽過

這篇文章為大家介紹了p被iframe遮住的一些狀況,以及被遮住後的解決辦法,有需要的朋友們可以參考借鏡。

類似結構:

程式碼如下:

http://caibaojian.com">>

#第一種:透明背景被遮住

當p使用透明的背景時,無論是使用(opacity或rgba格式),除了chrome,其它瀏覽器都出現p被iframe遮住的情況。二種:ie8中z-index失效

在ie中,iframe裡引入video影片播放會導致p的z-index無效,即p的z-index無論設為多少,皆被iframe遮住。 ://caibaojian.com?wmode=opaque。參數

程式碼如下:

程式碼如下:

https://cdn.css-tricks.com/FlashAnimation.swf" type="application/x-shockwave-flash" wMode="Transparent">

##附錄iframe的一些參數

#border

程式碼如下:


#設定圍繞圖文框的邊緣寬度

frameboder#程式碼如下:

設質邊框的寬度和高度

scrolling

程式碼如下:

是否有捲軸( yes,no,auto)

src

程式碼如下: