Contoh terperinci elemen html menyekat flash_HTML/Xhtml_Pengeluaran halaman web-html tutorial-php.cn

Salin kod Kod tersebut adalah seperti berikut: wmode parameter: mod lutsinar: Anda boleh menggunakan z-index untuk mengawal tahap mod legap: anda boleh menggunakan z-index untuk mengawal tahap mod tetingkap: tahap denyar berada di atas tetingkap paparan teras penyemak imbas, dan denyar akan meliputi html yang bertindih dengannya Senario 1 (parameter wmode denyar boleh diubah suai) Ubah suai atribut wmode kepada telus atau legap

DEMO adalah seperti berikut:

Salin kod Kod adalah seperti berikut: &lt ;tajuk> Elemen HTML Sekat Flash - Senario 1 html, badan, objek, benam{ pelapis: } .m- kotak { kedudukan: relatif }

.m-flash, .m-flash embed { lebar: 100px; warna: #ccc; } http://www.aa.net/i/bookmark.swf "> http://www.aa.net/i/bookmark.swf"> > Jununx, selamat datang! --telus

http:/ /www.aa.net/i/bookmark.swf "> http://www.aa.net/i/bookmark.swf"&gt ; >

Jununx, selamat datang! --legap

Senario 2 (parameter wmode denyar tidak boleh diubah suai)--flash dan lapisan oklusi iframe anda berada pada halaman yang sama Nota: Jika anda ingin serasi dengan Safari dan Opera, sila beritahu permintaan terus bahawa ini tidak boleh dilindungi

DEMO adalah seperti berikut:

Salin kod Kod adalah seperti berikut: HTML元素遮挡Flash - 情景2 html, badan, objek, benamkan{ padding: 0; margin: 0; } .m-box { kedudukan: relatif; }

.m-flash, .m-flash embed { lebar: 400px; } .m-flash { kedudukan: relatif; indeks-z: 1; } .m-bayang { kedudukan: mutlak; atas: 0; kiri: 0; indeks z: 2; lebar: 100px; ketinggian: 100px; warna latar belakang: #ccc; } .m-shadow-txt { kedudukan: mutlak; indeks z: 2; } .m-shadow-ifr { kedudukan: mutlak; indeks-z: -1; lebar: 100%; ketinggian: 100%; kelegapan: 0; penapis: alpha(opacity=0); } http://www.aa.net/i/bookmark.swf "> &lt ;/embed">http://www.aa.net/i/bookmark.swf"> >

Jununx，欢迎您！--window

情景3（不可修改flash的wmode参数）-- flash是被一个iframe页面引入的 注：如果木陨那果木有中来请直接告诉需求这个遮不了注：如果要兼容Safari 、Opera，那么请直接告诉需求这个遮不了

DEMO页：

复制代码 代码如下: HTML元素遮挡Flash - 情景2 html, badan, objek, benamkan{ padding: 0; margin: 0; } .m-box { kedudukan: relatif; }

.m-flash { kedudukan: relatif; lebar: 400px; ketinggian: 400px; indeks-z: 1; } .m-bayang { kedudukan: mutlak; atas: 0; kiri: 0; indeks z: 2; lebar: 100px; ketinggian: 100px; warna latar belakang: #ccc; } .m-shadow-txt { kedudukan: mutlak; indeks z: 2; } .m-shadow-ifr { kedudukan: mutlak; indeks-z: -1; lebar: 100%; ketinggian: 100%; kelegapan: 0; penapis: alpha(opacity=0); }

Jununx，欢迎您！--window

iframe页：

复制代码 代码如下: HTML元素遮挡Flash - 情景3 html, badan, objek, benamkan{ padding: 0; margin: 0; } .ifr { kedudukan: mutlak; indeks z: 2; lebar: 100px; ketinggian: 100px; kelegapan: 0; penapis: alpha(opacity=0); } .m-flash { kedudukan: mutlak; indeks-z: 1; lebar: 400px; } http://www.aa.net/i/bookmark.swf "> &lt ;embed wmode="window" src=" http://www.aa.cn /i/bookmark.swf"> >