在IE6中使<hr>标签不可见？

Question

有没有办法摆脱<hr>IE6中的元素边框而不将其包装在另一个元素中？不幸的是,另一项要求是没有黑客攻击.

我已经设法通过为边框设置样式来为所有浏览器执行此操作:

hr.clear {
    clear: both;
    border: 1px solid transparent;
    height: 0px;
}

然而IE6仍然呈现1像素的白线.

Answer 1

display: none因为你完全删除了<hr>from元素流,所以不起作用.这导致它停止清理你的花车.

如果你可以完全隐藏它,那就改用它吧visibility: hidden.它仍将清除浮动,这适用于所有IE:

hr {
    clear: both;
    visibility: hidden;
}