Question

我有这个页面：

不幸的是，如下图所示，我的背景不完整。缺少顶级菜单栏。

http://i59.tinypic.com/259vg5f.jpg

这是代码CSS：

body{ 
  background: url(http://dg-site.com/bagel/imagini/rsz_1home.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}

我该如何解决这个问题？我试图让图像更小，但仍然没有去。它以某种方式下降到背景之下？

提前致谢！

Answer 1

试试这个 CSS

body{ 
  background: url(http://dg-site.com/bagel/imagini/rsz_1home.jpg) no-repeat center center fixed; 
  -webkit-background-size: 100% 100%;
  -moz-background-size: 100% 100%;
  -o-background-size: 100% 100%;
  background-size: 100% 100%;

}

Answer 2

您应将背景位置设置为顶部。

如果您正尝试这样做，则不应尝试使用图片中的菜单。制作自己的导航栏会更容易。

如何让这个背景看完整？

2 个答案: