css border-radius属性不起作用怎么办?

css border-radius属性不起作用怎么办?下面本篇文章给大家介绍一下border-radius属性失效问题的解决办法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

今天调试项目的时候突然发现,设置的border-radius竟然失效了,打开f12,眼看着浏览器把这个属性也给划掉了,不是一般的郁闷,按照道理来说,不应该会出现这样神奇的bug。

1.png

css代码:

#photo{
width: 80px;
height:80px;
border-radius:10px ;
}

解决办法:万能的!important;

在border-radius属性里面添加!important:

CSS中的!important一般都是用于对低版本的除了iE 6 ,用来做hack的,后面缀上了!important的css语句,让浏览器首选执行这个语句,因为css有继承的样式,加上!importanrt可以覆盖父级的样式。

#photo{
width: 80px;
height:80px;
border-radius:40px !important;
}

完美解决:

2.png

更多web前端知识,请查阅 HTML中文网 !!

以上就是css border-radius属性不起作用怎么办?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏