html – 虚线边框不显示在firefox

前端之家收集整理的这篇文章主要介绍了html – 虚线边框不显示在firefox前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > Why does border: 5px dashed not come out as dashed in Firefox?3
我有一个具有5px虚线边框的半径div,但边框在Firefox中显示不正确.
它在IE和chrome中显示得很好.

Demo

div{
        height:100px;
        width: 100px;
        background-color: #ccc;
        border-radius: 50%;
        border:5px dashed #333;
    }

解决方法

你的边框工作在firefox看到 DEMO你可以检查它删除半径.当您尝试使用虚线边框的圆圈时,FireFox有错误.

这是known bug.你的选择是:

>如果这只是为了圆圈,用< canvas>例如如here所示
>使用SVG(可能是内联),它支持各种方式到stroke paths>制作图像PNG

原文链接:https://www.f2er.com/html/224935.html

猜你在找的HTML相关文章