网页背景

Question

我正在尝试制作我的网页。我非常有效地使用 Photoshop 制作了一个布局，它是一个 PNG 文件。

我的问题是 - 如何使用 HTML/CSS 将其集成到网站中？ 我尝试编辑 CSS，但效果不错。

body {
background-image:url('URLAddressHere');
}

但是，当我放大窗口等时...图像就被破坏了。 有没有办法让背景随页面大小适当缩放？另外，我希望它保持统一(即它不会重复) 还是我只是做错了？我打算如何实现这个基本上有我的菜单等的“图像”。

谢谢

Answer 1

您正在寻找的是一个名为 background-size 的 css3 属性。这将根据浏览器的宽度和高度调整背景的大小。我在下面链接了一些资源。您还需要关闭重复。享受

http://www.css3.info/preview/background-size/

因此，对于您的类(class)，您可能需要添加:

background-repeat: no-repeat;
background-size: cover;