html – Firefox中的圆角:边框和背景之间的空间

前端之家收集整理的这篇文章主要介绍了html – Firefox中的圆角:边框和背景之间的空间前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个div,我正在应用圆角.

这是我的demo fiddle.

@H_301_4@<div>&nbsp;</div> @H_301_4@div { margin: 20px; width: 250px; height: 250px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; background-color: #4c66a1; border: 2px solid #4c66a1; }

我也有一个边框和背景颜色应用于这个div.这个问题出现在Firefox中.边框和div的背景颜色之间有少量的空白(见下图).这是非常小的,但人们已经注意到了它.它看起来像角落里的灯光效果.

这是Firefox中圆角的已知问题吗? IE,Chrome和Opera都很好.

仅供参考/为了说明问题,我已经使边框和背景颜色相同,即使它是多余的.它使空白更突出.

@H_301_4@ Firefox Chrome/IE/Opera

解决方法

有趣的是,如果我们将其改为点缀,白色就会消失: @H_301_4@div { margin: 20px; width: 250px; height: 250px; -moz-border-radius: 30px; -webkit-border-radius: 30px; -khtml-border-radius: 30px; border-radius: 30px; background-color: #4c66a1; border: 2px dotted #4c66a1; }

http://jsfiddle.net/5yAkZ/23/

编辑之前有无效的CSS

猜你在找的HTML相关文章