在IE7中与Meyer's Reset冲突的段落标记？

2009-05-29 22 views 0 likes

工作在一个相当小而简单的布局上，我决定使用Meyer的CSS重置规则来清除浏览器之间的一些预期差异。所有的工作都很好，直到我决定在几个嵌套div中添加几段。在IE7中与Meyer's Reset冲突的段落标记？

将段落标签放入第二个嵌套div后，父级和授予父级div的背景图像在IE7中消失。

删除段落标签（并使用untagged-text）将返回背景图片。此外，将标记和移除对reset.css文件的引用还原为背景图像。

显然我不想用这些路线去解决这个问题。任何CSS大师都知道发生了什么？

2009-05-29 Sampson

我的预感是这些段落在IE7中没有透明背景，并且它们遮挡了你div的背景。 – 2009-05-29 01:04:48

在这种情况下，如果我没有弄错，你应该在段落之间的边缘区域看到背景条。这确实是一个非常奇怪的影响。 – Sampson 2009-05-29 01:17:58

回答

它看起来像IE中正在消失的内容错误的一个版本。

将缩放比例设置为1：div.pd_horiz_content和div.pd_horiz_content_b。这将在IE中调用'hasLayout'，并且您的背景将显示出来。

您还可以通过向div添加一个尺寸（宽度：960px）来调用hasLayout。这可能会在你的情况下更有意义，因为你的div根据背景图像具有固定的宽度。

2009-05-29 02:29:49 Emily

奇怪的是，当我删除从reset.css文件以下规则，问题解决了：

background:transparent

此规则适用于匹配的第一个大的块元素，所以我不确定它从长远来看会有什么影响。希望有更好的解决方案，因为我对编辑Meyers的reset.css有点不安，以便“解决”我的问题。

2009-05-29 00:38:48 Sampson