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上設置:hover{cursor:pointer}只是在p部分起作用 iframe不起作用 請問怎么解決
問題解答
回答1:可以把視頻容器加上絕對定位,然后彈框加z-index試試,不過看你播的是騰訊視頻,所以還有個解決方案是試試上騰訊的統一播放器。
回答2:給遮罩設置一個z-index吧,設置大一點
回答3:原因是播放器是用flash做的,層級無限高。一般是這樣做的:針對IE 在<object></object>內加上參數<param name='wmode' value='opaque' />針對FF 在<embed />內加上參數wmode='opaque'
但是,這個方法并不完美存在兼容性。個人認為比較簡單的方法是在彈窗彈出時用’position:absolute;top:100000px;’的方法將視頻藏起來。
回答4:給遮罩設置絕對定位,在加上z-index參考http://m.jb51.net/web/444162....
相關文章:
1. docker - 如何修改運行中容器的配置2. javascript - Web微信聊天輸入框解決方案3. 請教各位大佬,瀏覽器點 提交實例為什么沒有反應4. docker images顯示的鏡像過多,狗眼被亮瞎了,怎么辦?5. Matlab和Python編程相似嗎,有兩種都學過的人可以說說嗎6. javascript - 音頻加載問題7. javascript - 為什么form表單提交沒有跨域問題,但ajax提交有跨域問題?8. javascript - 關于audio標簽暫停的問題9. javascript - history.replaceState()無法改變query參數10. css - 對于類選擇器使用的問題
