关注前端
标签类目:IE9
2010年03月24日HTML/CSS

1 Comments

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

返回顶部