Hr标记在IE - 删除边框

本文介绍了Hr标记在IE - 删除边框的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

在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> 请参阅 
 
 
 似乎没有好的办法解决这个问题，只有一个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  - 删除边框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！