css - Firefox を使用すると、border-style:dashed が正しく表示されない

Question

フッターに破線を表示するために、.css ファイル内で次のように定義しました。

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

次に、フッターに以下を追加しました：-

<hr/ class="dash">

破線は Internet Explorer ではうまく表示されますが、firefox ではうまく表示されません 、、では、その理由は何なのか、、、そしてこの破線を画像として中に入れた方が無難なのでしょうか？ブラジル

Answer 1

おそらく、あなたは次のようなことを達成しようとしています:

このフィドルの例を参照してください!

CSS

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

HTML

<hr class="dash" />

すべてのブラウザで同じにするため。

には、ブラウザに応じていくつかの<hr />デフォルト値が付属しています。すべてのブラウザで同じように表示するには、これらの値をリセットする必要があります。

Answer 2

Repalce：

<hr/ class="dash">

と：

<hr class="dash" />