Hr标记在IE - 删除边框 [英] Hr Tag in IE - remove border

问题描述

在IE7以外的其他浏览器中，hr会在hr标签周围显示一个我不想要的边框。

 <！ -  [if lte IE 7]> 
< style type =text / css> 
 hr {
 margin：-3px 0 0 0; 
 padding：0; 
 height：19px; 
 border：none; 
 outline：none; 
 background：url（img / split.png）center no-repeat; 
} 
< / style> 
<！[endif]  - > 
 

我试过这个解决方案，但它仍然有一个边框。

看起来像这样：

解决方案

/ div>

请参阅 http://webdesign.about.com/od /beginningcss/a/style_hr_tag.htm

似乎没有好的办法解决这个问题，只有一个hack（使用周围的div）。

In other browsers except IE7 and lower the hr displays a border around the hr tag which I don't want it to.

<!--[if lte IE 7]>
<style type="text/css">
hr {
    margin: -3px 0 0 0;
    padding: 0;
    height: 19px;
    border: none;
    outline: none;
    background: url("img/split.png") center no-repeat;
}
</style>
<![endif]-->

I've tried this solution, but it still appears to have a border around it.

It looks like this:

How do I get rid of it?

解决方案

See http://webdesign.about.com/od/beginningcss/a/style_hr_tag.htm

It seems that there is no good way around this problem, only with a hack (using a surrounding div).

这篇关于Hr标记在IE - 删除边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！