段落标签与IE7中的Meyer重置冲突?

时间:2009-05-29 00:00:28

标签: css browser internet-explorer-7 css-reset

在一个相当小而简单的布局上,我决定使用Meyer的CSS重置规则来清除浏览器之间的一些预期差异。一切都运行得很好,直到我决定在几个嵌套的div中添加几个段落。

一旦我将paragraph-tags放在第二个嵌套div中,父级和授权父级div的背景图像在IE7中消失了。

删除段落标记(并使用无标记文本)将返回背景图像。此外,保留标记并删除对reset.css文件的引用可恢复背景图像。

显然,我不想选择其中任何一条路线来解决这个问题。这里的任何CSS大师都知道发生了什么?

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

2 个答案:

答案 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具有基于背景图像的固定宽度。