css - Mengapa lapisan topeng tidak boleh menutup video

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>

Tidak boleh menambah z-index sama ada

Tetapan:hover{cursor:pointer} pada liveBox hanya berfungsi di bahagian p tidak berfungsi
Cara menyelesaikannya

Answer 1

Anda boleh menambah kedudukan mutlak pada bekas video, dan kemudian menambah z-index pada kotak timbul untuk mencuba Namun, nampaknya anda sedang memainkan video Tencent, jadi penyelesaian lain ialah mencuba pemain bersatu Tencent.

Answer 2

Tetapkan indeks z untuk topeng, besarkan

Answer 3

Alasannya ialah pemain diperbuat daripada denyar, dan tahapnya sangat tinggi. Ini biasanya dilakukan:
Untuk IE, tambahkan parameter <param name="wmode" value="opaque" /> untuk IE dalam <objek></object>
Namun, kaedah ini tidak sempurna dalam keserasian.

Secara peribadi, saya rasa cara yang lebih mudah ialah menggunakan kaedah 'position:absolute;top:100000px;' untuk menyembunyikan video apabila tetingkap pop timbul muncul.

Answer 4

Tetapkan kedudukan mutlak untuk topeng dan tambah z-index, rujuk http://m.jb51.net/web/444162....