Awalnya, itu hanya gambaran transparan PNG. Digunakan pada saat yang sama itu tidak begitu sederhana dan mudah.
Akhirnya, ditemukan bahwa penggunaan metode HTC ke dalam file CSS pada dasarnya dapat menyelesaikan sebagian besar masalah transparan pada satu waktu.
Banyak orang telah memperkenalkan metode ini, tetapi karena halamannya adalah bahasa Inggris, hanya sedikit orang yang menerjemahkan, dan beberapa orang akan menggunakannya.
Metode berikut diperkenalkan secara rinci:
Metode ini sendiri alamat demo: http://www.twinhelix.com/css/iepngfix/demo/
(Saya telah mengatakannya dalam bahasa Inggris, jangan khawatir)
Bisa diselesaikan:
1. Gambar transparan PNG ditambahkan ke halaman di halaman
2. Latar belakang transparan PNG menggunakan latar belakang (mendukung beberapa versi) di CSS (mendukung beberapa versi)
3. PNG Transparan dari beberapa versi latar belakang, Anda perlu menambahkan solusi JS ke halaman saat ini
Unduh Paket File: http://www.twinhelix.com/css/iepngfix/iepngfix.zip
1. Setelah mengunduh, akan ada banyak file, di mana kita membutuhkan 3 file:
Iepngfix.htc, blank.gif, iepngfix_tilebg.js
2. Anda dapat meneruskannya ke direktori CSS, JS, dan gambar yang sesuai.
3. Tambahkan kode kalimat pertama. /iepng/Iepngfix.htc.
| <Type style = "text/css"> Img, div {perilaku: url (iepngfix.htc);} </tyle> |
4. Gunakan notepad, atau alat serupa untuk membuka file iepngfix.htc, ganti jalur file blankImg menjadi milik Anda, seperti /iepng/blank.gif, sesuai dengan situasi Anda yang sebenarnya.
| Epngfix.blankimg = '/images/blank.gif'; |
5. Tambahkan kalimat berikut kode panggilan JS ke "kepala" pada halaman yang diperlukan (langkah ini tidak diperlukan. Jika termasuk bagian kepala Anda secara seragam dipanggil, disarankan untuk menambahkan kalimat ini)
| <script type = "text/javascript" src = "iepngfix_tilebg.js"> </ptript> |
Setelah langkah -langkah di atas, Anda pada dasarnya dapat mencapai efek transparan PNG di bawah IE