在CSS中添加attr

问题描述

我有以下html，我正在尝试将attr（src）添加到CSS中，但似乎无法正常工作

<img src="https://www.w3schools.com/html/pic_trulli.jpg" width="1500" height="450" data-src="https://www.w3schools.com/html/pic_trulli.jpg" data-image-id="2679" class="ut-adaptive-image wp-post-image skip-lazy skip-lazy ut-portfolio-featured-image" data-loaded="true">

.ut-adaptive-image {
background-image: attr (data-src url);
}

解决方法

您最终将可以使用

background-image: attr(data-image-src url);

但是据我所知，这还没有实现。在上面，url是attr（）的可选“类型或单位”参数。参见https://drafts.csswg.org/css-values/#attr-notation。