在一个相当小而简单的布局上,我决定使用Meyer的CSS重置规则来清除浏览器之间的一些预期差异。一切都运行得很好,直到我决定在几个嵌套的div中添加几个段落。
一旦我将paragraph-tags放在第二个嵌套div中,父级和授权父级div的背景图像在IE7中消失了。
删除段落标记(并使用无标记文本)将返回背景图像。此外,保留标记并删除对reset.css文件的引用可恢复背景图像。
显然,我不想选择其中任何一条路线来解决这个问题。这里的任何CSS大师都知道发生了什么?
答案 0 :(得分:1)
奇怪的是,当我从reset.css
文件中删除以下规则时,问题就解决了:
background:transparent
此规则适用于匹配元素的第一个大块,因此我不确定它将在长期内产生的影响。希望有一个更好的解决方案,因为我对编辑Meyers的reset.css有点不安,以“解决”我的问题。
答案 1 :(得分:1)
它看起来像是IE中消失的内容错误的一个版本。
将缩放:1添加到div.pd_horiz_content和div.pd_horiz_content_b。这将在IE中调用'hasLayout'并显示您的背景。
您还可以通过向div添加维度(宽度:960px)来调用hasLayout。这可能在您的情况下更有意义,因为您的div具有基于背景图像的固定宽度。