核心提示:讲一下CSS3里目前用的比较广的RGBA属性的高级使用方法。这个属性的兼容问题比较简单,IE8已经支持这个属性,IE6和IE7也可以通过 hack支持。RGBA和CSS2里的RBG属性差不多,只是RGBA属性多了一个透明度的定义,CSS3标准里对RGBA属性的解释如下:
讲一下CSS3里目前用的比较广的RGBA属性的高级使用方法。这个属性的兼容问题比较简单,IE8已经支持这个属性,IE6和IE7也可以通过 hack支持。RGBA和CSS2里的RBG属性差不多,只是RGBA属性多了一个透明度的定义,CSS3标准里对RGBA属性的解释如下:
|
RGBA的强大之处在于,通过对透明度的定义和不同层的颜色混合可以呈现出更多的颜色,就像颜料的混合一样
http://24ways.org/examples/have-a-field-day-with-html5-forms/24ways-form.html
圆角CSS
-moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
background: rgba(255,255,255,.3); <div style="background:none repeat scroll 0 0 #9CBC2C; border-radius:5px 5px 5px 5px; counter-reset:fieldsets;"> <ul> <li style="background: rgba(255,255,255,0.3);border-color: rgba(255, 255, 255, 0.6);"> test rega </li> </ul> </div>