css - 遮罩層遮不住視頻是什么原因
問題描述
<p class='col-md-4 liveBox'> <p style='height:90px'>北京商報社總編輯李海:文化正逐漸成為酒企的核心競爭力</p> <p class='embed-responsive embed-responsive-4by3'><iframe frameborder='0' src='https://v.qq.com/iframe/player.html?vid=x0513z87cec&tiny=0&auto=0' allowfullscreen></iframe> </p> <p style='position: absolute;top: 0;bottom:0;left:15px;right:15px;background: #000;opacity: .7'></p></p>

加z-index也不行
在liveBox上設(shè)置:hover{cursor:pointer}只是在p部分起作用 iframe不起作用 請問怎么解決
問題解答
回答1:可以把視頻容器加上絕對定位,然后彈框加z-index試試,不過看你播的是騰訊視頻,所以還有個解決方案是試試上騰訊的統(tǒng)一播放器。
回答2:給遮罩設(shè)置一個z-index吧,設(shè)置大一點(diǎn)
回答3:原因是播放器是用flash做的,層級無限高。一般是這樣做的:針對IE 在<object></object>內(nèi)加上參數(shù)<param name='wmode' value='opaque' />針對FF 在<embed />內(nèi)加上參數(shù)wmode='opaque'
但是,這個方法并不完美存在兼容性。個人認(rèn)為比較簡單的方法是在彈窗彈出時用’position:absolute;top:100000px;’的方法將視頻藏起來。
回答4:給遮罩設(shè)置絕對定位,在加上z-index參考http://m.jb51.net/web/444162....
相關(guān)文章:
1. docker 下面創(chuàng)建的IMAGE 他們的 ID 一樣?這個是怎么回事????2. 運(yùn)行python程序時出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯誤?3. node.js - mongodb查找子對象的名稱為某個值的對象的方法4. html5 - datatables 加載不出來數(shù)據(jù)。5. javascript - QQ第三方登錄的問題6. 前端 - @media query 使用出現(xiàn)的問題?7. javascript - 在 model里定義的 引用表模型時,model為undefined。8. 利用IPMI遠(yuǎn)程安裝centos報錯!9. 測試自動化html元素選擇器元素ID或DataAttribute [關(guān)閉]10. html5和Flash對抗是什么情況?

網(wǎng)公網(wǎng)安備