border-style:使用firefox时显示错误的虚线

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 />自带根据浏览器的一些默认值,并在所有的浏览器平等的演示文稿,你需要重新设置这些值.