小用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年正式发布,大家期待吧!