Internet Explorer 6 PNG Fix Terbaik
Saya menemukan PNG fix untuk internet explorer 6 yang bukan berita baru lagi kalau internet explorer 6 merupakan mimpi buruk untuk web designer manapun. Tidak mendukung tranparansi PNG pada IE 6 dan dukungan terbatas pada IE 7 membuat web designer kudu extra hati-hati dalam membuat design web agar bisa ditampilkan di seluruh browser dengan baik.
Setelah mencoba berbagai hack yang ada makan saya menjatuhkan pilihan pada script yang saya dapat di http://www.dillerdesign.com/experiment/DD_belatedPNG. Kelebihan yang tidak dimiliki oleh beberapa script PNG hack lainnya adalah transparansi pada background yang berulang. Beberapa script lainnya yang memiliki fungsi yang sama kebanyakan tidak dapat memperbaiki masalah transparansi pada background yang berulang. Tapi script ini melakukannya dengan sempurna.
Cara penggunaannya juga cukup mudah. Cukup meng-include script javascript di halaman yang ingin kita perbaiki dan memanggil fungsi yang akan memperbaiki background dan image pada elemen DOM yang kita inginkan. Kodenya bisa seperti ini
<!--[if IE 6]>
<script src="DD_belatedPNG.js"></script>
<script>
DD_belatedPNG.fix('.png_bg');
</script>
<![endif]-->
Kode diatas hanya akan dieksekusi bila browser terdeteksi sebagai Internet Explorer 6. Kita dapat memasukkan parameter pada fungsi fix sama dengan format CSS selector seperti contoh diatas yang akan melakukan perbaikan pada elemen denga CSS class .png_bg.
Saya kira solusi untuk masalah transparansi PNG di Internet Explorer bukan masalah lagi untuk para web designer untuk menciptakan web yang terlihat sama disemua browser. Selamat mencoba.
Share
We have 4 comments in this post, add more by leave yours below.
Leave a Reply
Author
Yohan
I'm a web developer and also a blogger. I like to share interested things on my twitter and tumblr. I spend my days with code, write on blog, design an application on my sketch book, and go cycling with "Geek to Bike" community. You can also read my article at Ruang Freelance and my Tumblr .
Our Tumblr
- SEO beginner guide September 10, 2010
- How to use heading tag for SEO on your blog September 8, 2010
- Use 80-20 rule to increase your website effectiveness September 6, 2010
- Don't show empty page, redirect it to add action for better experience September 6, 2010
- Hummingbird, real time web traffic visualization September 4, 2010
- The Best WordPress Plugin to Fight Spam September 3, 2010
- Blogging For Web Designers: Editorial Calendars and Style Guides September 1, 2010
- How to develop better API August 29, 2010
- Example to Create WordPress Custom Post August 28, 2010
- Express - node web framework August 26, 2010
facebook.com/thinkrooms
April 30, 2009 at 9:35 pm
pantang menyerah yo, gw tungguin lu disini.. kalo perlu invitation dll, hubungin aja gw.. see you soon bro!
November 19, 2009 at 1:02 pm
thx bro, work formeh
February 24, 2010 at 6:12 pm
jqueryqu.fix(‘ .dock img’);
ga bisa juga mas..mohon pencerahannya..
February 25, 2010 at 10:12 pm
Bukannya codenya contoh diatas
DD_belatedPNG.fix('.png_bg');