[英]Remove shadow border on IE9
I have a issue on IE 9. I use the attribute: 我在IE 9上有问题。我使用以下属性:
border: 2px solid #ffffff;
but on IE 9 it does not show properly. 但是在IE 9上无法正确显示。 Another browser (Chrome, FF) is OK.
另一个浏览器(Chrome,FF)可以。
Why does the shadow appear on IE 9 ?? 为什么阴影出现在IE 9上? This is demo http://jsfiddle.net/rdqm4wns/ .
这是演示http://jsfiddle.net/rdqm4wns/ 。 Please, run it on IE9
请在IE9上运行
This is a rendering bug causing leakage of the radius into the border width. 这是一个渲染错误,导致半径泄漏到边框宽度中。
Add this rule will resolve it: background-clip: padding-box;
添加此规则将解决该问题:
background-clip: padding-box;
.btn-radius {
border: 2px solid #ffffff;
background: #444444;
width: 25px;
height: 25px;
border-radius: 6px;
text-align: center;
position: relative;
background-clip: padding-box;
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.