hr要素にclass属性が設定されているときに、水平線が表示されないときがある。
<style type="text/css">
.aaa {
height: 5px;
}
</style>
<table>
<tr><td><hr class="aaa"></td></tr>
<tr><td>TEXT TEXT TEXT TEXT TEXT</td></tr>
<tr><td><hr class="aaa"></td></tr>
</table>
| TEXT TEXT TEXT TEXT TEXT |
class属性を設定したhr要素を2つおいています。
N7.0での表示(標準モード)
widthプロパティで幅を設定するとバグを回避できます。
Moz1.0/N7.0では標準・互換モードともにhr要素が表示されました。ただし、他の要素・CSS指定に影響されて不具合が発生する可能性があります。
CSS使っているんだけどね。
HRにCLASS属性を与えているときにWIDTHを指定しないと表示されない場合があった。
同じページで別の場所では問題なく表示されていた。
<TABLE CLASS="**">
<TR><TD><HR CLASS="abc"></TD></TR>
<TR><TD>aaaaa普通の文書aaaaa</TD></TR>
<TR><TD><HRCLASS="abc"></TD></TR>
</TABLE>
CSS内では、
.abc{HEIGHT:5PX}
こんな感じで上のHRが表示されず。CSS内でWIDTH:**px入れたら上手くいった。
6.0〜7.0b、4.7、Opera、IEでは問題なし。
他のスタイルシートに干渉されたのかどうかはまだ追求していない。
※転載部分のみ引用しています。