我试图通过访问HTML自定义属性来使用CSS添加背景图片。但是根据this article,无论您传递的值(URL,十六进制代码)如何,该值只能作为string
添加,如下例所示。
div:after
{
content:attr(data-img);
}
<div data-img="https://via.placeholder.com/200x150">Some text</div>
但是使用CSS自定义变量,可以如下设置不同类型的属性
div
{
color: var(--elemcolor);
height: var(--elemsize);
width: var(--elemsize);
border: var(--elemborder) solid green;
}
<div style="--elemcolor:#ff0000;--elemsize:50px;--elemborder:5px;">Some text</div>
但是我找不到通过自定义变量方法添加背景图片的方法。
任何帮助将不胜感激。