Belajar CSS : Membuat Website Menjadi Transparans

Transparansi design pada situs merupakan salah satu hal yang sulit untuk diterapkan di semua browser. Dengan melakukan transparasi pada themes akan menambahkan unsur artistik pada website ataupun blog. Pertanyaannya sekarang bagaimana cara membuat Transparent CSS ini. Untuk itu memerlukan empat statment pada CSS. Apa saja statment yang dibutuhkan :

1. opacity: 0,5; – Ini adalah bagian yang terpenting dan merupakan standar CSS. Ini dapat berfungsi pada beberapa jenis browser seperti Firefox, Safari dan Opera.
2. filter:alpha(opacity=50); Ini sangat berguna untuk IE.
3. -moz-opacity:0.5; Ini berguna untuk mendukung jenis browser tua seperti Netscape.
4. -khtml-opacity: 0.5; Ini berguna untuk versi lama dari Safari (1.x) .

Keempatnya sangat berguna dan saling berhubungan satu dengan lainnya untuk dapat berfungsi dengan browser. Berikut ini salah satu contoh penerapannya:

. transparent_class (
filter: alpha (opacity = 50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
)

semoga dapat membantu dalam belajar css

sumber : http://yustian.web.id