小用CSS3
今天对微博通做了点小改进,用了一些CSS3的特性，可怜的IE用户无福享受了:
1.对文本框和密码框加了圆角
CSS代码：
input[type="text"], input[type="password"], select, textarea { border:1px solid #AAAAAA; -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius:3px; border-radius: 3px; }
2.当发布信息框处于焦点时，会增加漂亮的亮蓝色阴影。
CSS代码：
input[type="text"]:focus, input[type="password"]:focus, textarea:focus{ -moz-box-shadow:0 0 5px rgba(82, 168, 236, 0.5); -webkit-box-shadow:0 0 5px rgba(82, 168, 236, 0.5); box-shadow:0 0 5px rgba(82, 168, 236, 0.5); border:1px solid rgba(82, 168, 236, 0.75) !important; outline:medium none; }
目前由于IE的不支持，还不能广泛使用CSS3，只好采用优雅降级（Graceful Degradation）的原则去使用它，不过在MIX10上亮相的IE9带来不少惊喜：比Firefox3.6更快的JavaScript引擎，几乎完全支持CSS3，硬件加速渲染引擎，支持HTML5……IE9估计将在2011年正式发布，大家期待吧！
1条评论 ▼