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

---

不幸的是，没有背景图片显示了鼠标悬停（悬停）。

（How）我可以做这个工作吗？

Answer 1

在理论上是：

background-image: attr(title url); 

这url是一个关键字，告诉浏览器解释title属性为URL值。

不幸的是，这样的用法在最好的情况下是实验性的，并且在任何主流浏览器中都不支持。

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