css - 遮罩层遮不住视频是什么原因

问题描述

问 题

<div class="col-md-4 liveBox">
                    <p style="height:90px">北京商报社总编辑李海：文化正逐渐成为酒企的核心竞争力</p>
                    <div class="embed-responsive embed-responsive-4by3">
                        <iframe frameborder="0" class="embed-responsive-item" src="https://v.qq.com/iframe/player.html?vid=x0513z87cec&tiny=0&auto=0" allowfullscreen></iframe>
                    </div>
                    <div class="liveShade" style="position: absolute;top: 0;bottom:0;left:15px;right:15px;background: #000;opacity: .7"></div>
                </div>

加z-index也不行

在liveBox上设置:hover{cursor:pointer}只是在p部分起作用 iframe不起作用
请问怎么解决

解决方案

可以把视频容器加上绝对定位，然后弹框加z-index试试，不过看你播的是腾讯视频，所以还有个解决方案是试试上腾讯的统一播放器。

这篇关于css - 遮罩层遮不住视频是什么原因的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！