Transparasi file PNG di Internet Explorer

August 2, 2007 | Web Dev

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

This post has 16 comments, incredible!

  1. ayahshiva 02/08/2007 at 07:54

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

  2. Yeni Setiawan 02/08/2007 at 10:58

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

  3. gemblungan gemblung 02/08/2007 at 13:00

    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. funkshit 02/08/2007 at 23:20

    uda lama ngga make IE
    tadi nyoba buka Web ini pake IE 6
    pas halaman ini menunya jumpalitan ra toto loh :D
    sandalnya juga ada backgroundnya

  5. mbah darmo 02/08/2007 at 23:54

    :D.. saya harus komen ah..

  6. rd Limosin 03/08/2007 at 00:14

    wah, keren….

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

  7. Yeni Setiawan 03/08/2007 at 01:20

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

  8. Yogi 03/08/2007 at 04:12

    Gw biasanya pake IEPNGFix
    http://www.twinhelix.com/cgi-bin/forum.pl/iepngfix/101

  9. pupungbp 04/08/2007 at 03:46

    Belum ada yang benar2 sempurna hack/scriptnya… mendingan jangan pakai alpha transparenscy :D

  10. Yeni Setiawan 04/08/2007 at 05:29

    eh ada mas pupung :D
    iya sih, saya juga menghindari transparansi, cuma kadang dapet dari temen kayak gitu :D

  11. didats 08/08/2007 at 03:49

    bener kata mas pupung,
    belum ada yang sempurna banget…

    tapi dari pada kepanjangan kayak di atas,
    mending pake jquery… :D

  12. Yeni Setiawan 09/08/2007 at 00:22

    @didats
    lha kalo pake jquery bukannya malah puanjang?

  13. didats 12/08/2007 at 05:32

    #12 kagag tuh.
    http://khurshid.com/jquery/iepnghack/

  14. husni 22/08/2007 at 12:11

    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 ???

  15. Yeni Setiawan 22/08/2007 at 12:36

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

  16. gorgiretraigh 30/01/2011 at 11:08

    Tak, prawdopodobnie tak jest

 

Leave a comment

Allowed tags are: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>