Web Dev

Transparasi file PNG di Internet Explorer

Untuk gambar yang mengandung bidang transparan, umumnya kita menggunakan file gambar berformat GIF. Namun sayangnya GIF hanya bisa transparan saat berada di atas satu warna yang solid. Ketika berada di atas dua warna atau gradien, GIF akan meninggalkan halo seperti bercak-bercak yang tidak sedap dipandang.

Untuk mengatasi hal ini, kita bisa beralih ke file PNG yang lebih ampuh untuk gambar yang mengandung transparansi. Namun sayangnya, Internet Explorer tidak mendukung transparansi PNG, duh! Alih-alih transparan, malah akan muncul warna aneh yang tentu saja akan menghancurkan desain.

Sudah lama saya mengetahui bahwa penyakit ini bisa disembuhkan dengan javascript, namun baru sekarang menyempatkan diri mencari obatnya setelah tadi kangdiman bertanya kepada saya. Ok berikut ini obatnya:


Script tersebut diapit dalam IF tujuannya adalah agar hanya dijalankan saat dibuka menggunakan Internet Explorer. Eh ngomong-ngomong, sandal saya di bawah masih jelek yah di IE ^o^

16 Comments

  1. wah jago photoshop juga.
    btw kok IE bermasalah hampir dengan semua ya

  2. waduh, saya ga pinter potosop mas.
    sual gif ato png, itu kan pengetahuan dasar utk jadi tukang mbikin web ^_^

  3. gemblungan gemblung

    Solusinya nggak usah lagi pake ie 5 dan 6, la wong pake lynx saja bisa…hehehhe
    dik script2 tadi bisa di gemblungan dadi gemblung tenan..kekekeke

    ada yang aneh nggak ;))
    selamat bergemblungan gemblung : http://homepage.ntlworld.com/bobosola/pnghowto.htm

  4. uda lama ngga make IE
    tadi nyoba buka Web ini pake IE 6
    pas halaman ini menunya jumpalitan ra toto loh πŸ˜€
    sandalnya juga ada backgroundnya

  5. :D.. saya harus komen ah..

  6. wah, keren….

    Klo ttg sandal dibawah, gak pernah liat pake IE, idup Perpok!!!!!

  7. @kangdiman gemblung
    he he iya, lupa ngasih backlink ke sumber asal. script di atas berasal dari sini.

  8. Belum ada yang benar2 sempurna hack/scriptnya… mendingan jangan pakai alpha transparenscy πŸ˜€

  9. eh ada mas pupung πŸ˜€
    iya sih, saya juga menghindari transparansi, cuma kadang dapet dari temen kayak gitu πŸ˜€

  10. bener kata mas pupung,
    belum ada yang sempurna banget…

    tapi dari pada kepanjangan kayak di atas,
    mending pake jquery… πŸ˜€

  11. @didats
    lha kalo pake jquery bukannya malah puanjang?

  12. Kutipan:
    Untuk mengatasi hal ini, kita bisa beralih ke file PNG yang lebih ampuh untuk gambar yang mengandung transparansi. Namun sayangnya, Internet Explorer tidak mendukung transparansi GIF, duh!
    Tanggapan:
    » mas sandal, itu yang bener GIF atau PNG ???

  13. @mas husni
    oh, salah tulis mas. segera diedit. thanks.

  14. gorgiretraigh

    Tak, prawdopodobnie tak jest

Leave a Reply