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

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

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

類似結構：

復制代碼
代碼如下:

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

第一種：透明背景被遮住

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

解決方法：

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

第二種：ie8中z-index失效

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

解決方法：

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

flash在其他元素后面

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


復制代碼
代碼如下:

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

或者


復制代碼
代碼如下:

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

附錄iframe的一些參數

border


復制代碼
代碼如下:

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

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

frameboder


復制代碼
代碼如下:

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

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

height,width


復制代碼
代碼如下:

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

設質邊框的寬度和高度

scrolling


復制代碼
代碼如下:

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

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

src


復制代碼
代碼如下:

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

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

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

相關文章

  • 關于div中img,span垂直居中的問題

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

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

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

  • html5實現適用于手機端的div圖片放大預覽效果源碼

    這是一款html5實現適用于手機端的div圖片放大預覽效果源碼，共有4種不同的圖片放大預覽模式可供用戶選擇使用?？煞謩e針對鼠標滑過、拖拽、點擊等進行圖片放大顯示
    2016-09-21

  • DIV+CSS實現帶三角箭頭的提示框

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

  • DIV點擊折疊實例代碼

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

  • DIV始終浮動在頁面底部

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

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

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

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

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

  • CSS文本和div垂直居中方法總結

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

  • CSS控制DIV層顯示和隱藏的實現方法

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

最新評論