box-shadow和border-radius没效果解决方法

box-shadow和border-radius没效果解决方法

问题描述：

box-shadow和border-radius是CSS3中的属性，有的浏览器内核无法识别，这就是设置的效果无法生效的原因，使用它们给标签增加圆角和阴影效果的时候，就得考虑到各个浏览器的兼容问题。一般来说，我们开发的时候，页面样式只考虑三种内核的渲染效果即可，IE内核，Webkit和Gecko(Firefox内核)。

解决方法：

把三种内核所支持的属性都写出来，不同浏览器就会根据自己识别的属性去渲染

-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;

-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);-moz-box-shadow:0 1px 2px rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.05);

本文地址：http://www.yayihouse.com/yayishuwu/chapter/1053

顶

10