div被iframe遮住的幾種情況及解決方法
我要評(píng)論類似結(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)題大家可以留言交流。
相關(guān)文章
關(guān)于div中img,span垂直居中的問(wèn)題
下面小編就為大家?guī)?lái)一篇關(guān)于div中img,span垂直居中的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-26- 下面小編就為大家?guī)?lái)一篇解決img在div中居中的問(wèn)題。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-09-26
html5實(shí)現(xiàn)適用于手機(jī)端的div圖片放大預(yù)覽效果源碼
這是一款html5實(shí)現(xiàn)適用于手機(jī)端的div圖片放大預(yù)覽效果源碼，共有4種不同的圖片放大預(yù)覽模式可供用戶選擇使用?？煞謩e針對(duì)鼠標(biāo)滑過(guò)、拖拽、點(diǎn)擊等進(jìn)行圖片放大顯示2016-09-21- 本文給大家?guī)?lái)一段代碼基于div+css實(shí)現(xiàn)三角形提示框，代碼簡(jiǎn)單易懂，需要的朋友可以參考下2016-09-20
- 本文給大家?guī)?lái)一段核心代碼關(guān)于div點(diǎn)擊折疊效果，代碼簡(jiǎn)單易懂，有需要的朋友可以參考下2016-08-31
- 在頁(yè)面底部浮動(dòng)功能是如何實(shí)現(xiàn)的呢？下面小編給大家?guī)?lái)div始終浮動(dòng)在頁(yè)面底部的關(guān)鍵代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-08-30
設(shè)置一個(gè)DIV塊固定在屏幕中央的兩種方法(推薦)
下面小編就為大家?guī)?lái)一篇設(shè)置一個(gè)DIV塊固定在屏幕中央的兩種方法(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-07-25CSS設(shè)置DIV垂直居中的N種方法 兼容IE瀏覽器
這篇文章主要為大家詳細(xì)介紹了兼容IE瀏覽器CSS設(shè)置DIV垂直居中的N種方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-07-05- 這篇文章主要介紹了CSS文本和div垂直居中方法總結(jié)，包括多行文本垂直居中,單行文本垂直居中,子div垂直居中，感興趣的小伙伴們可以參考一下2016-07-04
CSS控制DIV層顯示和隱藏的實(shí)現(xiàn)方法
本文給大家?guī)?lái)了CSS控制DIV層顯示和隱藏的方法，是前端學(xué)習(xí)必須要掌握的基礎(chǔ)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的小伙伴一起學(xué)習(xí)吧2016-07-01
