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

.

Back to Top