Можно ли загружать фоновое изображение через атрибут с помощью CSS?

Question

Мне было интересно, могу ли я использовать CSS для загрузки фона, если атрибут получает определенный класс. Чтобы продемонстрировать, он должен загружаться на hover.

HTML

<div id="testdiv" title="http://www.thesearchagents.com/wp-content/uploads/2013/11/Google-Search.jpg">hover me...</div> 

CSS

#testdiv { 
    line-height:100px; 
}  
#testdiv:hover { 
    outline:3px solid red; 
    background:url(attr(title)) 100%; // > How can I make this work? 
} 

#testdiv:hover:after { 
    content:attr(title); // > This works fine... 
} 

JS Fiddle

---

К сожалению, фоновое изображение не появляется при наведении курсора мыши (парении).

(Как) могу ли я сделать эту работу?

Answer 1

В теории, да:

background-image: attr(title url); 

Это url это ключевое слово сообщая браузеру интерпретировать атрибут заголовка в качестве значения URL.

К сожалению, данное использование экспериментально в лучшем случае и не поддерживается в любом крупном браузере.

Так что в настоящее время ответ отрицательный, вы не можете этого сделать. Какой позор.