我想使用像下面这样的背景图片作为网站的背景。问题是,我不想让它平铺。我希望顶部边缘是窗口的顶部边缘,侧边缘是窗口的侧边缘,底部边缘是窗口的底部边缘。水平和垂直的中间部分应该以自然的方式重复以填满所有空间,使纸张看起来与浏览器窗口一样大。有什么好的方法吗?
最佳答案
我会使用这样的东西:http://srobbin.com/blog/jquery-plugins/jquery-backstretch/ (请注意,这不是唯一的背景拉伸(stretch)脚本)这些的好处是它保持图像的纵横比。
不知道在您的情况下保持纵横比是否必要或什至是可取的..?
如果我想在这种背景下走极端,我会:
- 采用基本网格及其表面结构并在整个过程中重复 网站背景。
- 在两侧取“阴影”并将它们固定在每一侧 向任何需要的方向重复它们
如果我将所有这些元素都放在它们自己的图层中。尽管这并不难伪造。
关于html - 论文BG图像: Make It Appear To Fill Window,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6806785/