如何解决IE6中背景色隐藏浮动内容的问题
| 因此,我很少有人在用IE6和所有其他浏览器的CSS编程和实现HTML模板时遇到麻烦。但这一次,这伤了我的头。 问题是与IE6兼容(我正在使用YAML框架。) 因此,让我们继续吧。这是罪魁祸首代码: 的HTML<div class=\"info\">
<div>
<div class=\"float_left\">
<img alt=\"aktuelles bild\" src=\"images/dummy_aktuelles.gif\" />
<span>26.10 - 27.10.2010</span>
<span>xxx xxx</span>
<span>(Flughafen)</span>
</div>
<div class=\"lastObject\">
<span>09.09.2010 Offenes-Presseportal</span>
<span class=\"lastObject\">Global Connect 2010 - Globalisierung für den Mittelsand</span>
<p>
Lorem ipsum dolor sit amet,consectetuer adipiscing elit. Aliquam leo.
</p>
</div>
</div>
</div>
的CSS
#main .aktuelles .info {
padding:15px;
overflow:hidden;
border-bottom: 1px #949494 dotted;
}
#main .aktuelles .info .float_left {
width:35%;
}
#main .aktuelles .info .float_left span {
padding-bottom: 5px;
display: block;
color: #333;
font-size: 13px;
}
#main .aktuelles .info .float_left img {
padding-bottom: 5px;
}
#main .aktuelles .info div .lastObject span {
color:#2d2d2d;
font-size: 12px;
display: block;
padding-bottom: 5px;
}
#main .aktuelles .info div.lastObject span.lastObject {
color: #2d2d2d;
font-size: 14px;
display:block;
padding: 0 0 5px 0 !important;
}
#main .aktuelles .info div lastObject p {
font-size: 12px;
}
现在,向左浮动的第一个div根本不会出现。它是lastObject背景的基础。 info div的父容器没有任何位置。
有什么建议么?
这是一个错误的图像:
看来问题与此代码无关。但我没有其他想法。我也尝试过更改z索引,但是由于它不是背景图像,而是背景颜色,因此显然无法正常工作。
解决方法
根据评论,这似乎是典型的hasLayout(消失的内容版本)错误,
加:
position: relative;
到左侧浮动div.float_left
,附上我看到的IE6小提琴页面的屏幕截图,供您参考:
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。