css - 使用 firefox 时，border-style:dashed 显示错误

Question

我已经定义了以下 insdie 我的 .css 文件以在我的页脚中显示虚线：-

.dash{
border-style:dashed ;
border-width:2px;
border-color:#322f32;
} 

然后在页脚上我添加了以下内容：-

<hr/ class="dash">

虚线在 Internet Explorer 上可以很好地显示，但在 firefox 上却不能很好地显示，那么这背后的原因是什么，，将这条虚线作为图像放在里面是否更安全？BR

Answer 1

也许您正在尝试实现以下目标：

请参阅此小提琴示例！

CSS

.dash{
  border: 0 none;
  border-top: 2px dashed #322f32;
  background: none;
  height:0;
} 

HTML

<hr class="dash" />

让它在所有浏览器上都是平等的。

根据<hr />浏览器的不同，它带有一些默认值，为了在所有浏览器上进行相同的呈现，您需要重置这些值。

Answer 2

替换：

<hr/ class="dash">

和：

<hr class="dash" />