css - 是否可以通过 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 值。

不幸的是，这种用法充其量只是实验性的，还没有在任何主流浏览器中得到支持。

所以目前，答案是否定的，你不能那样做。这是一种耻辱。