Question

我正在处理此website（使用Wordpress构建），我正在尝试将此image设置为整个网站内容的固定左背景。

通过CSS我试试这个

body { 
background-image: url("http://birsmatt.ch/de/wp-content/uploads/2016/04/bg_left.png"); 
background-position: left; 
background-repeat: no-repeat; 
z-index: 1; 
}

...但z-index不起作用。

任何提示？

感谢您的建议。

Answer 1

正文内部是您的整个网站内容。因此，如果你设置一个背景，它将在身体的所有内容背后。

你可以在身体内部创建一个具有身体大小的新元素，并给出你想要的背景。

示例：

#background {
  background-image:url('http://birsmatt.ch/de/wp-content/uploads/2016/04/bg_left.png');
  background-position:left;
  background-repeat:no-repeat;
  
  height:100%;
  width:100%;
  z-index:1;
  position:absolute;    /* make it overlap your website content */
}

<body>
  
  <div id='background'></div>
  
  <div id='rest of your content'>
    ...
  </div>

</body>

如何在内容上呈现身体背景图像

1 个答案: