問題描述

<p class='col-md-4 liveBox'> <p style='height:90px'>北京商報(bào)社總編輯李海：文化正逐漸成為酒企的核心競(jìng)爭(zhēng)力</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上設(shè)置:hover{cursor:pointer}只是在p部分起作用 iframe不起作用 請(qǐng)問怎么解決

問題解答

可以把視頻容器加上絕對(duì)定位，然后彈框加z-index試試，不過看你播的是騰訊視頻，所以還有個(gè)解決方案是試試上騰訊的統(tǒng)一播放器。

給遮罩設(shè)置一個(gè)z-index吧，設(shè)置大一點(diǎn)

原因是播放器是用flash做的，層級(jí)無(wú)限高。一般是這樣做的：針對(duì)IE 在<object></object>內(nèi)加上參數(shù)<param name='wmode' value='opaque' />針對(duì)FF 在<embed />內(nèi)加上參數(shù)wmode='opaque'

但是，這個(gè)方法并不完美存在兼容性。個(gè)人認(rèn)為比較簡(jiǎn)單的方法是在彈窗彈出時(shí)用’position:absolute;top:100000px;’的方法將視頻藏起來(lái)。

給遮罩設(shè)置絕對(duì)定位,在加上z-index參考http://m.jb51.net/web/444162....