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

不幸的是，這樣的用法在最好的情況下是實驗性的，並且在任何主流瀏覽器中都不支持。

所以目前，答案是否定的，你不能這樣做。這是一個恥辱。