Question

我正在努力让以下基于wordpress的网站拥有一个连续的背景图片：

我可以更改单个元素的背景，但是找不到像this那样在整个屏幕上展开单个背景的方法。

感谢您的帮助！

Answer 1

将此CSS添加到您的身体类

body.custom-background {
background: url('/wp/wp-content/themes/twentyfourteen/assets/BG.jpg');
background-size: auto 100%;
background-size: cover;
background-position: center center;
background-attachment: fixed;
}

Answer 2

您需要查看CSS的background属性，然后将其应用于包含所有内容的父html元素。对于您声明的网站，它将是“正文”元素。

在此处查看背景的不同属性： http://www.w3schools.com/cssref/css3_pr_background.asp

这是我反复使用的一个例子：

/* Global Container */
.globalContainer {
width: 100%;
background: url(../PATHTOYOURPHOTO) no-repeat center bottom fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

您可以自己查找背景大小属性，但“覆盖”通常会缩放照片以填充整个屏幕而不会拉伸。但是，根据屏幕尺寸，图像的某些部分可能会被遗漏。

在所有div中将背景图像添加到整个屏幕

2 个答案: