いつもIEの愚痴を言っていますが今回はfirefoxです。
ごくまれにhrタグで罫線を描くことがあるのですが、dottedやdashedでデザインを当てるとfirefoxだけにじみます。
デフォルトの罫線に指定したcssがさらに重なって表示されるような感じでした。
1 2 3 |
hr { border-top: 1px dashed #f00; } |
リセットすればいいのかと思ったのですが、よくわからず…
仕方ないのでhrでなくdivで指定して回避しました。
1 2 3 |
div.hr-keisen{ border-top: 1px dashed #f00; } |