css - Pourquoi le calque de masque ne peut-il pas couvrir la vidéo

Question

<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>

Il n'est pas non plus possible d'ajouter un z-index

Setting:hover{cursor:pointer} sur liveBox ne fonctionne que dans la partie p ne fonctionne pas
Comment le résoudre

.

Answer 1

Vous pouvez ajouter un positionnement absolu au conteneur vidéo, puis ajouter un z-index à la boîte de dialogue pour essayer. Cependant, il semble que vous lisez une vidéo Tencent, une autre solution consiste donc à essayer le lecteur unifié de Tencent.

Answer 2

Définissez un z-index pour le masque, agrandissez-le

Answer 3

La raison en est que le lecteur est fait de flash et que le niveau est infiniment élevé. Cela se fait généralement :
Pour IE, ajoutez le paramètre <param name="wmode" value="opaque" /> pour IE dans <object></object>
Cependant, cette méthode n’est pas parfaite en termes de compatibilité.

Personnellement, je pense que le moyen le plus simple est d'utiliser la méthode « position:absolute;top:100000px; » pour masquer la vidéo lorsque la fenêtre contextuelle apparaît.

Answer 4

Définissez le positionnement absolu du masque et ajoutez un z-index, reportez-vous à http://m.jb51.net/web/444162....