3

我希望我的背景 DIV 始终填满整个浏览器窗口。我在背景顶部有一个 DIV，它按照我想要的方式移动，我的定位是按百分比设置的。当我缩小时，两个 DIV 一起移动，创建背景颜色的曝光。这是我的网站：

http://search.officesupplycentral.org/details.html

这是我希望我的 DIV 如何运行的示例：

http://fab.com/

任何帮助将不胜感激！

吉姆

4

1 回答 1

0

fab.com使用一种特殊的方法，如果您只检查网站的代码，就很容易看到。

它将背景设置为 HTML 标记<html style="background-image: url(//s3.amazonaws.com/static.fab.com/relaunch/fab-daily-design-for-everyone-8.jpg);">，并在 CSS 文件中为其设置以下值：

html{
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-position: center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

然后<body>在 CSS 中将背景设置为透明：

body{
  background: transparent;
}

我没有进一步研究的有根据的猜测是，由于图像被设置为<html>标签上的背景，并且背景大小设置为覆盖它，因此在放大或缩小页面时不会处理它。

于 2012-08-27T09:32:13.893 回答