码上敲享录 > css样式的常见问题解答 > box-shadow和border-radius没效果解决方法

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

上一章章节目录下一章 2017-12-05已有6894人阅读 评论(0)

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

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交