html - 删除 IE 上的 <hr/> 边框样式

Question

为什么 IE 最容易搞砸的是简单的事情？无论如何，我想用一个有点像 - § - 符号(在它的侧面)的单个图像替换正常的 hr 行。试图让它看起来优雅 :)

看来在 IE 中真正摆脱边框的唯一方法是设置 color: css 值。不幸的是，这样做会覆盖设置为背景图像的任何内容，并使整个 hr 成为颜色的参数。

不可能将它包装在一个 div 中，甚至不能真正对其应用一个类，因为将使用该站点的客户端正在使用所见即所得的文本编辑器，我不太喜欢黑客插入一个 div 包装的 hr。

我距离使用 jquery 添加 div block 包装器只差一步，但这似乎从根本上是错误的(shotgun vs walnut)——有什么建议吗？

Answer 1

http://blog.neatlysliced.com/2008/03/hr-image-replacement/

<style type="text/css">
    hr {
       background: url(http://placekitten.com/800/100) no-repeat;
       border: 0;
       height: 100px;
       width: 100%;
    }
</style>
<!--[if IE 7]>
<style type="text/css">
    hr {
        display : list-item;
        list-style : url(http://placekitten.com/800/100) inside;
        filter : alpha(opacity=0);
        margin-left: -10px;
        width : 0;
    }
</style>
<![endif]-->

在这里查看它的工作情况:jsFiddle