Seperti yang kita semua tahu, IE6 tidak mendukung gambar PNG transparan, dan gambar PNG memiliki efek yang tidak dapat dicapai oleh format grafis lain dalam hal ekspresi dalam desain web. Kelemahan fatal IE6 sangat membatasi kinerja kreatif desain web.
Meskipun ada banyak cara untuk menyelesaikan PNG transparan di IE6, dari menggunakan filter atau ekspresi khusus IE, hingga pengganti gif transparan. Namun, metode ini memiliki satu kerugian, yaitu mereka tidak mendukung posisi latar belakang dan atribut latar belakang dalam CSS. Menggunakan dd_belatedpng.js dapat dengan sempurna menyelesaikan masalah transparansi gambar PNG di bawah IE6, dan mendukung posisi latar belakang dan latar belakang. Ini tidak tersedia dalam metode lain. Pada saat yang sama, dd_belatedpng juga mendukung atribut a: hover dan <mmg>.
Situs web kami telah menambahkan dd_belatedpng untuk memproses navigasi gambar transparan PNG untuk menjaga penampilan yang sama di bawah browser yang berbeda.
DD_BELATEDPNG Situs web resmi: Klik di sini untuk berkunjung!
Bagaimana menggunakan:1. Unduh file JS terlebih dahulu:
| DD_BELATEDPNG_0.0.8A Versi tidak terkompresi |
| DD_BELATEDPNG_0.0.8A Versi terkompresi |
Kemudian lihat kode di halaman:
- <! - [ifie6]>
- <ScriptType = Text/JavaScriptSrc = Diunduh JS Path> </script>
- <script>
- Dd_belatedpng.fix ('pemilih css, tipe aplikasi');
- </script>
- <! [Endif]->
Fungsi referensi adalah dd_belatedpng.fix (), dan pemilih CSS (pemilih ID dan pemilih kelas dapat digunakan) dan jenis aplikasi (dibagi menjadi IMG dan latar belakang) dalam tanda kurung.
Seperti dd_belatedpng.fix ('#box-one, img') atau dd_belatedpng.fix ('. Header, latar belakang') dll.
Ini dapat disingkat sebagai dd_belatedpng.fix ('#box-one, .header, img, latar belakang'); .
Lebih banyak pemilih seperti dd_belatedpng.fix ('#box-one, .header,#footer, .box-two a: hover, img, latar belakang'); dan sebagainya.
Selain itu, untuk memecahkan gambar latar belakang yang berkedip di bawah IE6, Anda dapat menambahkan skrip berikut ke halaman:
- <! - [ifie6]>
- <ScriptType = Text/JavaScript>
- // <! [CDATA [
- if ((window.navigator.appname.touppercase (). IndexOf (microsoft)> = 0) && (document.execCommand)))
- mencoba{
- document.execCommand (latar belakangImagecache, false, true);
- }
- catch (e) {}
- //]]>
- </script>
- <! [Endif]->