border-radius属性失效问题的解决办法

简介: border-radius属性失效问题的解决办法

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

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

完美解决:

相关文章
|
3月前
|
前端开发
前端基础(十二)_overflow属性、clear属性、vertical-align属性
本文详细介绍了CSS中的overflow属性、clear属性和vertical-align属性的用法和效果,并通过实例展示了如何控制元素内容溢出时的显示方式、清除浮动以及对齐行内元素和行内块元素。
77 1
|
3月前
box-shadow属性
box-shadow属性。
129 8
|
5月前
|
前端开发 容器
css【详解】—— margin属性(含margin百分比值,margin负值,margin合并,margin:auto,margin失效)
css【详解】—— margin属性(含margin百分比值,margin负值,margin合并,margin:auto,margin失效)
149 1
|
JavaScript
background-color设置为透明的方法
background-color设置为透明的方法
170 0
|
前端开发 JavaScript 开发者
设置height:100%无效的原因以及两种解决方法
设置height:100%无效的原因以及两种解决方法
1293 0
display:none到display:block失效问题及解决办法
display:none到display:block失效问题及解决办法
356 9
|
Web App开发
【已解决】浏览器无法设置小于12px的字体大小(font-size)
浏览器无法设置小于12px的字体大小(font-size)
410 0
|
前端开发 JavaScript 测试技术
前端妹子问我 position fixed 失效问题该如何解决?
这两天公司一位妹子问我,“我这边调试的时候本地显示没问题,到手机端就有问题,该怎么办呢?” 测试环境没问题到线上就有问题了?对此我也很纳闷。
575 0
|
前端开发 开发者
Border 属性 | 学习笔记
快速学习 Border 属性。
139 0
Border 属性 | 学习笔记