小编Qwi*_*ble的帖子

嘿,为了尽可能地创建一个图像光源,我想创建两个音调hr.

我在现代浏览器中实现了这一点,但希望在ie6和7中实现相同的效果.

我正在使用的当前代码是

hr {
    border-bottom:1px solid #FFFFFF; 
    border-top:1px solid #dcdcdc; 
    clear:both; 
    height:0; 
    border-left:0px; 
    border-right:0px;
}

我试过,没有成功使这项工作在ie6和7,而不必专门针对浏览器.有什么想法吗？

(继承我当前的项目,我正在使用这个代码,并希望使它跨浏览器 - http://www.qwibbledesigns.co.uk/preview/aurelius/)

干杯

马特

我正在设计在线简历,但在谷歌浏览器中遇到问题,ie7有无序列表.虽然它们在侧边栏中渲染得很好,但由于某种原因,在内容部分中,第一个子弹点浮动到其容器的最右侧,文本显示正常,所有其他项目符号和文本定位都很好.任何其他主流浏览器都不会发生此错误.

这是代码,以及正在发生的事情的屏幕截图.

<h2>Education</h2>
<div class="education">
    <h3>Institution Name</h3>
    <p class="date">Date 1000<br />~ Date 2000</p>
    <p class="description">Vel augue ac a adipiscing? Facilisis. Dictumst vut rhoncus ut scelerisque, duis mid! Amet ultricies parturient cursus amet? Cum, diam sed platea ultrices in, phasellus augue amet.</p>
    <ul>
        <li><span>Masters of Design</span></li>
        <li><span>fagjfjfhdgsdf</span></li>
        <li><span>Random blabble text</span></li>
    </ul>
    </div>

.education ul{margin-left:120px;}
#sidebar{}
.education ul li,
#sidebar ul li{list-style:square; font-size:18px; line-height:18px;}
.education ul li span,
#sidebar ul li span{font-size:13px; color:#3C3225;}
ul{color:#11c9c7;}

IE7和谷歌浏览器中的错误图像

奇怪的是它在IE6和IE8中工作,所以我很困惑,因为我的编码没有我通常会有的不同,并且使用相同代码的侧边栏ul渲染得很好.有谁知道是什么原因引起的？