html - 如何更改 标签以便我可以在 CSS 中选择图像？

Question

我有一张硬编码的图片，但我想针对不同的主题更改它。我怎样才能做到这一点？我尝试创建一个 span 并设置它的 background-image 属性，但没有成功...

我不想对宽度/高度进行硬编码，因为我将其更改为其他尺寸的图像。

Answer 1

除非指定宽度和高度，否则我认为您不能使用纯 CSS。因此，只需在 CSS 中将宽度和高度与图像一起设置为背景图像即可。您知道在主题中使用了哪张图片，因此您应该知道它的尺寸。

/* Theme1.css */
.ThemeImage
{
    background-image: url('imageTheme1.jpg');
    width: 150px;
    height: 100px;
}

/* Theme2.css */
.ThemeImage
{
    background-image: url('imageTheme2.jpg');
    width: 300px;
    height: 50px;
}

等等