Post ini saya buat sebagai jawaban dari pertanyaan di:

http://ahlul.web.id/2010/07/12/pasang-domain-untuk-facebook-blogger-twitter-dan-lainnya.html#comment-21877

Untuk membuat gambar transparan dulu kebanyakan web programmer memakai gambar dengan format GIF.

Karena keterbatasan GIF yang hanya 256 warna kadang membuat gambar resolusi tinggi jadi kehilangan kualitasnya, dan juga pada dasar yang transparan GIF juga kurang halus apalagi dengan efek-efek yang banyak.

Oleh karena itu PNG menjadi solusi dari semua ini, karena PNG bisa menampilkan gambar dengan kualitas 24bit dan warna transparan yang halus.

Namun pada Internet explorer  terutama versi awal PNG bisa menjadi masalah terutama pada bagian transparan karena akan ada overlay pada bagian transparan sehingga tampilan PNG akan terlihat berantakan.

Nah, masalah ini bukan berarti tanpa solusi.

Solusi

Seperti yang saya gunakan pada kebanyakan situs saya. Hal ini bisa dengan mudah diperbaiki dengan memakai behavior atribut pada CSS.

Berikut contoh deklarasinya:

[sourcecode lang="css"]

img, div, a, input, span, table, tr, td {
behavior: url(“iepngfix.htc”);
}
[/sourcecode]

Untuk file behaviornya bisa di download di sini:
http://domosquare.com/repo/css/iepngfix.htc

Ok saya harap membantu :D soalnya itu aja penjelasannya.

http://ahlul.web.id/2010/07/12/pasang-domain-untuk-facebook-blogger-twitter-dan-lainnya.html#comment-21877

Related posts:

  1. The Simplest Custom Yahoo Online Status Ever
  2. Find & Fix Problem With Transparency & Other Visual Effect (Windows 7)
  3. Show/Hide an Element using jQuery (with Example/Demo)
  4. WordPress 2.7.1 SMTP Enabled
  5. Mengatasi Pidgin Error (Can not connect) ke Yahoo Messenger

2 Responses so far.

  1. fadli says:

    wah langsung diposting, makasih banyak mas ahlul! :D

    malah baru lagi nih metodenya yg saya tahu pake .htc (banyak banget metodenya :D )

    tapi kalo saya pake PNG yg 32bit bisa ga mas ahlul? soalnya lebih bagus sih pake yg 32bit hehe…

    trus saya lihat di dalam file .htc itu ada ‘css/blank.gif’? apa itu berarti kita harus masukin file blank.gif dg ukuran 1×1 piksel dengan warna putih dan dimasukkan ke dalam folder css? (soalnya beberapa metode yg pake blank.gif yg saya baca biasanya pake file seperti itu :D )

  2. fadli says:

    maaf mas ahlul, saya sudah coba sesuai cara diatas, tapi kok tetep ga bisa ya? masih ada background abu2 dibalik gambar png yg transparent.

    saya juga sempat lihat web ahlul di IE v6, ada beberapa gambar yang masih blm fix juga. ini 2 contohnya http://rapidshare.com/files/408872018/screenshot-ahlul.zip

    eh, maaf mas ahlul, saya taruh filenya di rapidshare, soalnya tadi waktu mau upload ke imageshack, tiba2 koneksinya terputus & ga bisa dibuka lagi imageshacknya

Leave a Reply