css3兼容性问题解决 |css data-cate

css钻石形，css美化表单按钮，css border 上边框颜色，div css图片大小，css+字体从上往下渐变，html css论文参考文献，css data-cate css3兼容性问题解决 |css data-cate

1. 使用浏览器私有前缀

.box{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

2. 使用Modernizr库

<script src="modernizr.custom.js"></script>
<link rel="stylesheet" href="styles.css">
.box{
border-radius: 5px;
}
.no-border-radius .box{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}

3. 使用CSS Hack

.box{
border-radius: 5px;
_border-radius: 5px;
*border-radius: 5px;
}

总之，要在实际应用中充分考虑到浏览器兼容性问题，不断尝试各种不同的方法，才能更好地应用CSS3技术。