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. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. mac里的docker如何命令行開啟呢?4. 關于docker下的nginx壓力測試5. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題6. nignx - docker內nginx 80端口被占用7. docker容器呢SSH為什么連不通呢?8. 如何解決Centos下Docker服務啟動無響應,且輸入docker命令無響應?9. docker start -a dockername 老是卡住,什么情況?10. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下

網公網安備