Question

我之前问过这个问题：CSS Background Image

虽然这不是一个重复的问题。在那里，我现在已经设置了1280 x 1024的图像尺寸。但是我得到的问题是在大屏幕上背景等消失了。在上一个问题中，建议尝试保持元素固定。

有没有人为我提供如何让这个设计适用于更大/更小屏幕尺寸的解决方案？我考虑过制作12次图像，然后尝试找一些JavaScript来获取浏览器大小，然后根据它启动背景图像？

我知道页面上有其他问题。我只想先将背景排序。

我的网页示例是HERE

提前致谢。

Answer 1

从body中移除背景图片并将其添加到html：<img src="http://www.stuartblackett.com/picturebook/images/bg1.jpg" id="background" />

中

然后在你的CSS中添加以下内容：

#background { width: 100%; position: absolute; top: 0; left: 0; }

演示： http://jsfiddle.net/XW9Pz/

Answer 2

是否可以设置

background-attachment:fixed;