html – 虚线边框不显示在firefox

发布时间：2020-12-14 18:52:06 所属栏目：资源来源：网络整理

导读：参见英文答案 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-rad

参见英文答案 > 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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!