css - 遮罩层遮不住视频是什么原因
迷茫
迷茫 2017-06-16 09:19:26
[CSS3讨论组]
<p class="col-md-4 liveBox">
                    <p style="height:90px">北京商报社总编辑李海:文化正逐渐成为酒企的核心竞争力</p>
                    <p 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>
                    </p>
                    <p class="liveShade" 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不起作用
请问怎么解决

迷茫
迷茫

业精于勤,荒于嬉;行成于思,毁于随。

全部回复(4)
滿天的星座

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

某草草

给遮罩设置一个z-index吧,设置大一点

typecho

原因是播放器是用flash做的,层级无限高。一般是这样做的:
针对IE 在<object></object>内加上参数<param name="wmode" value="opaque" />
针对FF 在<embed />内加上参数wmode="opaque"

但是,这个方法并不完美存在兼容性。
个人认为比较简单的方法是在弹窗弹出时用'position:absolute;top:100000px;'的方法将视频藏起来。

仅有的幸福

给遮罩设置绝对定位,在加上z-index参考http://m.jb51.net/web/444162....

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号