Question

这是CSS中的代码示例：

  block {
        margin-left: 1in;
        margin-top; 1in;
        position: absolute;
        background-image: url('../images/myimage.png');
        background-size: 100% 100%;
    }

现在我在多个HTML页面上使用此CSS文件，并且需要能够在每页上更改此图像。也许通过HTML？

<block><somehowchangeimagehere></somehowchangeimagehere></block>

？请，只有HTML＆amp; CSS。

Answer 1

处理此问题的一种方法是在每个页面的BODY标记上放置一个类，然后创建不同的子类：

<body class="pageOne">

CSS：

.pageOne block {
    background-image: url('../images/myimageOne.png');
}

.pageTwo block {
    background-image: url('../images/myimageTwo.png');
}

Answer 2

图片网址是相对于CSS网页网址，而不是HTML网页网址。它应该工作。

Answer 3

如果在包含样式表后在html中插入类似的内容，则可以覆盖样式表：

<style type="text/css">
    block {
        background-image('some_image_thats_specific_to_the_page');
    }
</style>

动态更改css中div的背景

3 个答案: