Awalnya itu hanya gambar transparan png, yang mudah diselesaikan di IE. Saya juga sudah mencoba banyak metode, termasuk metode js, metode filter css, dll, tetapi saya merasa secara keseluruhan tidak sempurna, dan jika saya menggunakan gambar transparan. Metode sprite pada saat yang sama, tidak sesederhana dan semudah itu.
Akhirnya, saya menemukan bahwa menggunakan metode htc untuk menyematkan file css pada dasarnya dapat menyelesaikan sebagian besar masalah transparansi sekaligus.
Metode ini telah diperkenalkan oleh banyak orang, tetapi karena halamannya dalam bahasa Inggris, hanya sedikit orang yang menerjemahkannya, dan hanya sedikit orang yang akan menggunakannya.
Metode ini diperkenalkan secara rinci di bawah ini:
Alamat demo metode ini sendiri: http://www.twinhelix.com/css/iepngfix/demo/
(Seperti yang saya katakan, semuanya dalam bahasa Inggris, jangan khawatir)
Dapat diselesaikan dengan:
1. Gunakan tag "img" untuk menambahkan gambar transparan png ke halaman
2. Gunakan latar belakang untuk menambahkan latar belakang transparan png di css (mendukung banyak versi)
3. Beberapa versi png latar belakang bersifat transparan dan perlu diselesaikan dengan menambahkan js ke halaman saat ini.
Unduh paket file: http://www.twinhelix.com/css/iepngfix/iepngfix.zip
1. Setelah di download dan di unzip maka akan ada banyak file, diantaranya ada 3 file yang perlu kita gunakan :
iepngfix.htc, blank.gif, iepngfix_tilebg.js
2. Anda dapat mentransfernya ke direktori css, js, dan gambar yang sesuai. Tentu saja, Anda juga dapat membuat folder baru, seperti folder bernama: iepng, dan mentransfernya ke sana.
3. Tambahkan kode kalimat pertama. Ini adalah format yang ditambahkan pada file html. Jangan lupa untuk memodifikasi path file htc. Jika takut error, langsung gunakan path yang berhubungan dengan direktori root, misalnya sebagai /iepng/iepngfix.htc. Ini biasanya tidak berfungsi. tentu saja Anda juga dapat menambahkan behavior: url (iepngfix.htc) ke file reset.css Anda
| img, div { perilaku: url(iepngfix.htc); |
4. Gunakan Notepad atau alat serupa untuk membuka file iepngfix.htc dan ganti jalur file blankImg dengan milik Anda sendiri, seperti /iepng/blank.gif, sesuai dengan situasi Anda sebenarnya.
| IEPNGFix.blankImg = '/images/blank.gif'; |
5. Tambahkan kode panggilan js berikut ke "head" halaman yang diperlukan (langkah ini tidak diperlukan. Jika penyertaan Anda di bagian head disebut seragam, disarankan untuk menambahkan kalimat ini)
| |
Setelah langkah-langkah di atas, pada dasarnya Anda dapat mencapai efek transparan png di IE.
Setidaknya saya belum menemukan masalah apa pun sekarang. Jika ada masalah, silakan mendiskusikannya bersama.
Alamat asli: http://blog.sina.com.cn/s/blog_62a8de7a0100ksh2.html
Terima kasih kepada Lang Xin atas kontribusi Anda