欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

  發(fā)布時(shí)間：2016-09-07 17:57:27   作者：佚名   我要評(píng)論
這篇文章給大家介紹了div被iframe遮住的一些情況，以及被遮住后的解決辦法，有需要的朋友們可以參考借鑒。

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

復(fù)制代碼
代碼如下:

<div></div><ifram src="<a ></iframe</a>>

第一種：透明背景被遮住

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

解決方法：

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

第二種：ie8中z-index失效

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

解決方法：

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

flash在其他元素后面

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


復(fù)制代碼
代碼如下:

<param name="wmode" value="transparent">

或者


復(fù)制代碼
代碼如下:

<EMBED src="<a type="application/x-shockwave-flash" wMode="Transparent">

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

border


復(fù)制代碼
代碼如下:

<iframe border="3"></iframe>

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

frameboder


復(fù)制代碼
代碼如下:

<iframe frameboder="0"></iframe>

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

height,width


復(fù)制代碼
代碼如下:

<iframe height="31" width="88"></iframe>

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

scrolling


復(fù)制代碼
代碼如下:

<iframe scrolling="no"></iframe>

是否有滾動(dòng)條（yes,no,auto)

src


復(fù)制代碼
代碼如下:

<iframe src="girl.gif"></iframe>

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

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

相關(guān)文章

  • 關(guān)于div中img,span垂直居中的問題

    下面小編就為大家?guī)硪黄P(guān)于div中img,span垂直居中的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-09-26

  • 解決img在div中居中的問題

    下面小編就為大家?guī)硪黄鉀Qimg在div中居中的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-09-26

  • html5實(shí)現(xiàn)適用于手機(jī)端的div圖片放大預(yù)覽效果源碼

    這是一款html5實(shí)現(xiàn)適用于手機(jī)端的div圖片放大預(yù)覽效果源碼，共有4種不同的圖片放大預(yù)覽模式可供用戶選擇使用?？煞謩e針對鼠標(biāo)滑過、拖拽、點(diǎn)擊等進(jìn)行圖片放大顯示
    2016-09-21

  • DIV+CSS實(shí)現(xiàn)帶三角箭頭的提示框

    本文給大家?guī)硪欢未a基于div+css實(shí)現(xiàn)三角形提示框，代碼簡單易懂，需要的朋友可以參考下
    2016-09-20

  • DIV點(diǎn)擊折疊實(shí)例代碼

    本文給大家?guī)硪欢魏诵拇a關(guān)于div點(diǎn)擊折疊效果，代碼簡單易懂，有需要的朋友可以參考下
    2016-08-31

  • DIV始終浮動(dòng)在頁面底部

    在頁面底部浮動(dòng)功能是如何實(shí)現(xiàn)的呢？下面小編給大家?guī)韉iv始終浮動(dòng)在頁面底部的關(guān)鍵代碼，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧
    2016-08-30

  • 設(shè)置一個(gè)DIV塊固定在屏幕中央的兩種方法(推薦)

    下面小編就為大家?guī)硪黄O(shè)置一個(gè)DIV塊固定在屏幕中央的兩種方法(推薦)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-07-25

  • CSS設(shè)置DIV垂直居中的N種方法 兼容IE瀏覽器

    這篇文章主要為大家詳細(xì)介紹了兼容IE瀏覽器CSS設(shè)置DIV垂直居中的N種方法，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-07-05

  • CSS文本和div垂直居中方法總結(jié)

    這篇文章主要介紹了CSS文本和div垂直居中方法總結(jié)，包括多行文本垂直居中,單行文本垂直居中,子div垂直居中，感興趣的小伙伴們可以參考一下
    2016-07-04

  • CSS控制DIV層顯示和隱藏的實(shí)現(xiàn)方法

    本文給大家?guī)砹薈SS控制DIV層顯示和隱藏的方法，是前端學(xué)習(xí)必須要掌握的基礎(chǔ)知識(shí)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的小伙伴一起學(xué)習(xí)吧
    2016-07-01

最新評(píng)論