2009-05-29 26 views
0

工作在一個相當小而簡單的佈局上,我決定使用Meyer的CSS重置規則來清除瀏覽器之間的一些預期差異。所有的工作都很好,直到我決定在幾個嵌套div中添加幾段。在IE7中與Meyer's Reset衝突的段落標記?

將段落標籤放入第二個嵌套div後,父級和授予父級div的背景圖像在IE7中消失。

刪除段落標籤(並使用untagged-text)將返回背景圖片。此外,將標記和移除對reset.css文件的引用還原爲背景圖像。

顯然我不想用這些路線去解決這個問題。任何CSS大師都知道發生了什麼?

演示:http://www.sampsonresume.com/projects/patriot-depot/

+1

我的預感是這些段落在IE7中沒有透明背景,並且它們遮擋了你div的背景。 – 2009-05-29 01:04:48

+0

在這種情況下,如果我沒有弄錯,你應該在段落之間的邊緣區域看到背景條。這確實是一個非常奇怪的影響。 – Sampson 2009-05-29 01:17:58

回答

1

它看起來像IE中正在消失的內容錯誤的一個版本。

將縮放比例設置爲1:div.pd_horiz_content和div.pd_horiz_content_b。這將在IE中調用'hasLayout',並且您的背景將顯示出來。

您還可以通過向div添加一個尺寸(寬度:960px)來調用hasLayout。這可能會在你的情況下更有意義,因爲你的div根據背景圖像具有固定的寬度。

1

奇怪的是,當我刪除從reset.css文件以下規則,問題解決了:

background:transparent

此規則適用於匹配的第一個大的塊元素,所以我不確定它從長遠來看會有什麼影響。希望有更好的解決方案,因爲我對編輯Meyers的reset.css有點不安,以便「解決」我的問題。