在Firefox中使用边界半径和边框的圆圈上的针线:虚线
在Firefox中使用边界半径和边框的圆圈上的针线:虚线
提问于 2015-09-28 20:06:35
我试着用针法画一个半圆。
但是用我当前的代码，它不会得到外部的虚线模式(我知道是border-radius在做这件事)。
Chrome正在产生一个正确的结果，但在Firefox中，我得到了以下结果：
我现在的代码是：
a#middle-left-circle{
display:block;
width: 90px;
height: 180px;
background: #117300;
border-radius: 0 180px 180px 0;
-moz-border-radius: 0 180px 180px 0;
-webkit-border-radius: 0 180px 180px 0;
border: 2px dashed #ffffff;
box-shadow: 0 0 0 4px #117300;
}回答 1
Stack Overflow用户
回答已采纳
发布于 2015-09-28 20:12:27
实际上，Firefox未能在边界半径周围呈现虚线边框，这是一个已知的错误：
该bug目前的状态为“已分配”，因此如果幸运的话，它可能很快就会修复。
在做了更多的研究之后，似乎有了一个解决办法，其中包括使用div:before伪元素--参见这把小提琴的演示。此解决方案归功于GCyrillus。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/32830920
复制相关文章
相似问题
腾讯云开发者
