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. PHP搜索功能的實現 哪里錯了2. 新建index文件夾，然后把controller 以及文件index.php放入index文件夾。修改htaccess文件為擴展訪問。但是訪問的時候提示頁面錯誤！請稍后再試。PHP版本正常，請老師解答3. php - SQL 一條語句查詢出文章和對應的文章標簽4. angular.js使用$resource服務把數據存入mongodb的問題。5. 下載32位vc9和11、14運行庫時解壓錯誤6. 請問一下，圖片上傳成功，但是后臺對應文件夾里面卻沒有圖片，這是什么原因？（已部署到服務器）7. mysql優化 - mysql like語句會導致全表掃描？8. java - mysql緩存問題9. mysql - 千萬級數據表如何有效的變更字段？10. java - 觸發器使兩張表同時更新
網公網安備