CSS3圆角属性border-radius及兼容性

SongKer 发布时间：2014-08-15 分类：Web 阅读：5396次 3 条评论

CSS3支持圆角属性border-radius，目前的浏览器大部分都支持该属性，可是这万恶的IE9以下还是不支持。

<style> 
div
{
    text-align:center;
    border:2px solid #a1a1a1;
    padding:10px 40px; 
    background:#dddddd;
    width:300px;
    height:50px;
    border-radius:30px;
    -moz-border-radius:30px; /* 老的 Firefox */
}
</style>
<body>
    <div>border-radius 属性不支持IE9以下浏览器</div>
</body>

效果：

border-radius 属性不支持IE9以下浏览器

IE9以下直接使用矩形边框或者使用背景图片替代圆角样式，背景图片最好采用Png格式图片，这样可以保持各个浏览器一致。

关键字词： CSS3 圆角属性

上一篇：ASP.NET前后台路径注意事项

下一篇：ASP.NET格式化字符ToString