|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
另外如果你不是javascrput的高手,你可以不必去写ID,只用class就可以。当客户端程序员写完程序,需要调整时候,你可以在利用他的ID进行控制。
利用新的CSS3的”RGBA”声明,不单单让我们像一般一样设置RGB色彩,并且还能够设置其通明度。
上一篇文章:CSS3教程(8):CSS3通明度指南
RGBA像RGB一样设置色彩,而这个”A”——RGBA中的最初一个值——同意我们设置该元素的通明度。就像opacity声明一样,一个opacity值为1的元素是完整不通明的,而一个opacity为0的元素是完整通明的。
扫瞄器兼容性
RGBA如今在Firefox、GoogleChrome和Safari中都有对照好的撑持,一样不必要前缀。
CSS3RGBA色采
下面的效果有以下款式完成:- div.rgbaL1{background:rgba(153,134,117,0.2);height:20px;}div.rgbaL2{background:rgba(153,134,117,0.4);height:20px;}div.rgbaL3{background:rgba(153,134,117,0.6);height:20px;}div.rgbaL4{background:rgba(153,134,117,0.8);height:20px;}div.rgbaL5{background:rgba(153,134,117,1.0);height:20px;}
复制代码 扫瞄器撑持
- Firefox(3.05+…)
- GoogleChrome(1.0.154+…)
- GoogleChrome(2.0.156+…)
- InternetExplorer(IE7,IE8RC1)
- Opera(9.6+…)
- Safari(3.2.1+windows…)
你的设计不仅仅用于web浏览器,也可以发布在其他设备上,比如PowerPoint。 |
|