IE6中背景颜色隐藏浮动内容的问题

因此，我很少遇到用IE6和所有其他浏览器编程和实现CSS模板的问题。但是，这一次，这是我的头。IE6中背景颜色隐藏浮动内容的问题

的问题是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的父容器没有任何位置。

有什么建议吗？

这是什么是错的图像： The image is not there nor are the spans, the other content is ok

看来问题是不是与此相关的代码。但我没有任何其他想法。我也尝试改变z索引，但它显然不能工作，因为它不是背景图像，而是背景色。

来源

2011-05-24 Joze

@Joze，有没有足够的代码在这里重现，我们可能也需要'.lastObject'的CSS，你的'.float_left'类不是浮动的，虽然我认为它应该是，那个CSS类也是缺少的，请你尝试重新创建一个例子fr om完整代码 – clairesuzy 2011-05-24 08:45:41

@Claire lastObject是一个帮助类，Float_left是float：left;而已。尽管如此，我发布了使用帮助类的代码。 @sandeep我真的不明白你的意思与乘法类。你可以解释吗？ – Joze 2011-05-24 08:52:04

@Joze，在这种情况下，这个小提琴是我提出的代码，它不会再现错误：http://jsfiddle.net/clairesuzy/4rXtr/ - 您可以添加到该CSS的实际属性为'。 lastObject'并查看它是否仍在发生？ @sandeep我认为你的意思是多个类，并且这段代码没有使用它们.. – clairesuzy 2011-05-24 09:00:03

按照意见，这似乎是一个典型的hasLayout（消失的内容版本）的bug，

加：position: relative;左浮动div .float_left

来源

2011-05-24 10:35:09 clairesuzy

附IE6小提琴页面的截图，我能看出来，供大家参考： enter image description here

来源

2011-05-24 09:33:47 danjah

JS错误防止调整面板上的调整... – danjah 2011-05-24 09:39:23

感谢您的屏幕截图确认我没有看到的东西，我也可以直接从IE6发布图片，但它看起来与此相同。这是我的猜测，现在已经找到了一个修复程序，它在代码中进一步导致消失的内容，这就是隔离版本很好的原因。 – clairesuzy 2011-05-24 10:46:49

好功夫窥视！：d – danjah 2011-05-24 11:21:18

IE6中背景颜色隐藏浮动内容的问题

回答

相关问题