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

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

好吧,您可以直接插入图像,而不使用<hr/>标记。不过,我敢肯定,只要将边框更改为背景颜色,就可以消除这种冒犯性边框。我的意思是,它并没有真正消失,但至少它在隐藏:

hr{
   border: #XXXXXX;
}

IE8,幸运的是事情做得很好。所以在12年后还有希望。

如果背景色是纯色,只需将边框定义为该颜色,它就会消失。

你可以把边框的颜色改成透明的-我想这也行。

否则,您应该只使用图像本身并废弃<hr/>标记。