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);