Question

我想使用bg 1.jpg创建主页，而www.blabla.com/second则需要其他背景。

我正在寻找一些代码，我发现了这个：

body { background: url("../1.jpg"); }
body.second { background-image: url("../2.jpg"); }

我不能用这个，你能帮帮我吗？它使用div类

Answer 1

步骤1：
主页 - ＆gt;

<body class="home-page"> some content </body>

第2步：
其他页面 - ＆gt;

<body class="other-page"> some content </body>

第3步：写一些如下的CSS

body.home-page {background:url('../1.jpg') no-repeat;}

body.other-page {background:url('../2.jpg') no-repeat;}

Answer 2

使用不同的bg图像为每个页面创建不同的body类：

<body class="homepage"></body>
<body class="secondpage"></body>
<body class="thirdpage"></body>

对于你的CSS：

body.homepage {background:url('bg1.jpg');}
body.secondpage {background:url('bg2.jpg');}
body.thirdpage {background:url('bg3.jpg');}

Answer 3

只需在文档周围添加包装器div并为其提供背景色。然后你只需写你的样式表：

#wrapper1 {
background-image: ...;
}
#wrapper2{
background-image: ...;
}

第一个文件的html是这样的：

<html>
 <body>
  <div id=wrapper1>
  </div>
 </body>
</html>