使用CSS3变量无法设置背景图片网址吗？

Question

enter image description here

enter image description here

大家好，我使用css3变量希望将背景img url设置为动态，但是对我来说不起作用。但是，如果我将颜色值设置为变量并使用它，并且在backgroud属性中使用，就象url(var(--src))一样，但它不起作用...我该怎么办？

因为我要将项目的图片上传到云服务器，并引用来自服务器的图像链接。但是在某些情况下，我需要更改服务器域，并且不想在所有引用的文件中一一更改。所以我的计划是创建一个基本的CSS样式，所有其他的CSS文件都需要导入此样式，在此基本CSS中，声明一个变量以保存服务器域，然后其他CSS文件可以读取此var。但它似乎不起作用。有想法吗？

Answer 1

您可以使用以下

:root {
  --url: url("https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcQCRdy-xqdYAs_g95P-gsnPcw8FgUYK-SqSq814BY6i55piXZrG"); 
  
}

.test {
  background: var(--url);
  padding:50%;
  background-repeat:no-repeat;
}

<div class="test">
</div>