Question

我通常使用它来在段落之间获得一个高分隔线

    <style>
    .narrow_red_hr {color:  #ffa0a0;  background: #ffffff;  border-left-style:none;  height: 1px;}
    .hr3 {
    margin: 10px 0px 10px 0px;
    height: 1px;
    background: #00ff00;
    width: 100%;
    font-size: 1px; /* IE 6 */
    }
    </style>
    <script type="text/javascript">
    function separator(){
    if (BrowserDetect.browser == "Explorer"){
    document.write('<hr class="narrow_red_hr">');
    } else {
    document.write('<div class=hr3></div>');
    }
    }
    </script>

它通常是我想要的，就像这样： http://e-dog.info/tmp/correct.bmp

在一个页面上它会像这样出现在IE中： http://e-dog.info/tmp/unwanted.bmp

它应该是红色和一个px高，但在这里，在IE中，它以灰色显示并且具有灰色的不需要的左边距（约1 px高）。（此样式仅在IE浏览器中进行）

我对CSS继承以及早期样式声明如何影响以后效果不太好。有几个前面的样式表，我读了它们，找不到hr标签的任何声明。我的猜测是hr标签以某种方式继承了一个属性。（它像周围的文字一样灰色吗？）

我该如何解决这个问题？

我想要删除所有先前样式声明的hr标记，或者我想覆盖声明，给出错误的颜色和不需要的左边距。（这就是为什么我尝试给它背景#ffffff，f.ex。）

我非常感谢所有的帮助，但我不是一次旅行，可能需要一段时间才能回复。我将非常感谢并彻底考虑所有建议，谢谢。： - ）

Answer 1

正如对第一篇文章的评论所见，杰米迪克森和泽维尔霍尔特的回答得出了问题的答案，而不是那些人。使用border-top（或bottom）属性比使用整个div更好，就像我在第一篇文章中使用的CSS一样。

因此可以通过以下方式获得1px高，X浏览器，水平线（用于f.ex.分隔段落）：

<div style="border-top: solid 1px #ffa0a0; margin: 10px 0px 6px 0px;"></div>

造型hr-tag，不清楚遗产？

1 个答案: