0

我的网站设计需要在页面顶部运行背景图像。您可以在此屏幕截图中看到它应该是什么样子。链接到我的网站。

不幸的是，我使用 Firefox 来检查我的工作，同时将这些放在一起。我使用了 FireFox，因为它有 Firebug。该站点在 Firefox 中看起来正确，但在 Safari、Chrome 和 IE 中却是错误的。在 Safari、Chrome 和 IE 中，背景主体包装器背景图像位于菜单下方。 顶部背景错误的示例屏幕截图。

背景图像是否有一个简单的修复方法，所以它可以在所有浏览器中工作，还是我必须后退几步来修复我的标记中的一些基本问题？

4

2 回答 2

0

上边距#nav正在折叠 ( https://developer.mozilla.org/en-US/docs/Web/CSS/margin_collapsing )，因为它的父级 ( #wrapper) 没有上边距、填充或边框来包含它。快速解决您的问题的方法是添加padding-top: 1px;到您的#wrapperCSS 中。

于 2013-07-22T20:24:23.290 回答
0

更改和添加的margin属性等于背景图像的高度。#navpadding#wrapper

#nav {
     margin: 0 auto;
}
#wrapper {
     padding-top: 85px;
}
于 2013-07-22T20:36:13.133 回答