Question

大家好。

我需要你的帮助来替换图像。

其实我正在使用CSS和HTML工作博客。我想在一些帖子中将背景图片替换为另一个。

The Original css有这个：

body{
    background:#000000 url(image.jpg) no-repeat top center;
    color:#fff;
    font:x-small Georgia Serif;
    font-size:small;
    text-align:left;
    margin:0;
    background-attachment:fixed;
}

所以在一些帖子上我使用这个css“技巧用另一个替换原始背景图像（在帖子内）

body{
    background:#000000 url(image2.jpg) no-repeat top center;
    color:#fff;
    font:x-small Georgia Serif;
    font-size:small;
    text-align:left;
    margin:0;
    background-attachment:fixed;
}

我可以添加类似

的内容吗？

如果div class =“post1” 不要下载image1。仅下载image2。

因此，在帖子中，浏览器不需要下载两个图像，并且需要时间。

如果问题是noobish，请提前感谢和抱歉。

Answer 1

给身体一个类，并在类中定义背景。

第一页：

<body class="background1">*Content*</body>

第二页：

<body class="background2">*Content*</body>

CSS：

body{
  color:#fff;
  font:small Georgia Serif;
  text-align:left;
  margin:0;
  background-attachment:fixed;
}

.background1 { background:#000000 url(image1.jpg) no-repeat top center; }
.background2 { background:#000000 url(image2.jpg) no-repeat top center; }

Answer 2

为什么不将默认body { background ...设置为image1.jpg并为

写一个块

.post1 { 
  background-image: url(image2.jpg);
}

并根据具体情况使用class元素的body，因为您需要覆盖默认body background-image？

http://jsfiddle.net/evanbriggs/97bs6kkr/

用If替换帖子上的图像

2 个答案: