CSS | Opacity cross-browser | IE | FF | Chrome | Safari
|
Cara nak set Opacity di setiap element:
1. DEMO:
Test paragraph without opacity.
Test paragraph with opacity - Chrome | FF | Safari
Test paragraph with filter - IE
Test paragraph with -ms-filter - IE
2. HTML & CSS
.test {
background-color: #red;
width: 100%;
color: #ffffff;
}
.test2 { // for all other browsers
opacity: .5;
}
.test3 { // for IE5-7
filter: alpha(opacity=50);
}
.test4 { // for IE8
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}http://www.blogger.com/img/blank.gif
3. MORE INFORMATION CLICK HERE (W3School)
POSTED BY juong |
Popular Posts
-
Rumi Ke Jawi 1. Convert rumi ke jawi secara online. senang sekali! 2. Lepas covert, copy dan paste kat microsoft word, 3. dan pilih font ...
-
Tulisan jawi amat diperlukan terutama bagi guru-guru yang menggunakan tulisan jawi sebagai medium untuk membuat soalan peperiksaan dan kepad...
-
Sebelum download Arabic Dotted / titik-titik, Aracbic font perlu di install terlebih dahulu. Install arabic font di sini Kalau dah install, ...
-
Salam, Nak cari Homestay @ penginapan berdekatan gua-gua di lenggong seperti Gua Puteri, Lenggong , anda boleh cari homestay M...
-
Delima, salah satu pokok tertua yang telah lama dikenali oleh manusia, cerita tentangnya banyak tercatat dalam bentuk tulisan mahupun artifa...
-
1. Menuduh Islam menyembah berhala Pada zaman serba moden ini pelbagai perkara yang boleh berlaku. Antaranya orang barat menuduh umat islam...
-
Hari ni aku nak kongsi penunjuk arah kiblat...teruja dapat tahu aplikasi online ni...aplikasi ni amat berguna kpd sesiapa yang amat memerluk...
-
Mengetahui seseorang itu anak yang ke berapa dalam keluarga dengan menggunakan rumusan matematik. Sebagai contohnya: Dalam keluarga anda t...
-
Pelupusan Sampah dengan cara yang betul amat penting demi kesejahteraan alam ini. Kitar Semula merupakan salah satu cara untuk melupuskan sa...
-
Assalamulaikum Wbt kepada yang bertandang ke blog juong-journal. Sebelum pergi lebih jauh, aku nak tanya korang, kenal tak dengan lambang / ...
Post a Comment