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中背景顏色隱藏浮動內容的問題

回答

相關問題