Hacking CSS


Hacking CSS disini adalah membuat CSS yang valid/ dikenali oleh beberapa browser dengan render yang sama. Baik itu Internet Explorer, Mozilla Firefox, Opera dan lain-lain. Hal ini dikarenakan setiap browser mempunyai cara sendiri-sendiri dan aturan sendiri-sendiri.

1.  Internet Explorer 5,6

Masalah:

  • Partial CSS (CSS 1) / tidak sepenuhnya mendukung CSS
  • Tidak mendukung gambar PNG yang mempunyai alpha 24 (transparant).
  • Penanganan margin yang tidak dikenali
  • Tidak mendukung min-height ataupun max-height.

Pemecahan:

  • Ubah file PNG menjadi file GIF yang juga mendukung transparan.
  • Penggunaan margin diganti dengan padding.
  • Min-height ataupun max-height bisa diatasi dengan penggunan JavaScript.

2. Internet Explorer 7

  • Full CSS (CSS 1 & CSS 2).
  • Mendukung gambar PNG 24-alpha (transparant).

3. Mozilla Firefox

Masalah:

  • Tidak mendukung a:active.

Pemecahan:

  • Dibantu dengan penggunaan JavaScript.
  • Semua elemen mendukung pseudo-element, seperti ul:hover, li:hover

Dari hal diatas dapat saya kasih beberapa solusi

  1. Jika pengen transparant, gantilah image anda dengan format gif dari semulanya png, atau jika pengen tetap pakai png karena seharusnya format gif itu bayar, anda dapat memakai solusi disini atau disini
  2. Untuk min-height dapat diatas dengan css berikut:
  3. Mentransaparankan div yaitu dengan kode berikut:
-moz-opacity:.75;
opacity:.75;

Dan banyak lainnya tentang hacking css silahkan cari sendiri google

Posted on Mei 5, 2009, in CSS and tagged , , , , . Bookmark the permalink. Tinggalkan komentar.

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: