Attr not working

Question

I am trying to specify a background image using an attribute from my element; like so:

.gallery-tile {
    background-image: attr(data-thumbnail url, '');
}

Though no images are loading, is someone able to explain why this does not working? I followed the specification's as laid out here.

score 1 · Accepted Answer · answered Jan 26 '18 at 10:36

Note: The attr() function can be used with any CSS property, but support for properties other than content is experimental.

It's an experimental feature and the only supported attribute is content.

1 Answers1