CSS로 속성을 통해 배경 이미지를로드 할 수 있습니까?

Question

속성이 특정 클래스를 얻으면 CSS를 사용하여 배경을로드 할 수 있는지 궁금합니다. 시연하려면 hover에로드해야합니다.

HTML

#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

---

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

CSS는 불행히도 배경 이미지 마우스 오버 (호버)에 나타 없습니다.

(어떻게하면됩니까?)

Answer 1

이론적으로, 예 : url는 URL 값으로 title 속성을 해석하는 브라우저를 알려주는 키워드가

background-image: attr(title url); 

있다.

불행히도 그러한 사용은 실험적으로 기껏해야 주요 브라우저에서는 아직 지원되지 않습니다.

그래서 현재 대답은 '아니오'입니다. 그렇게 할 수 없습니다. 부끄러운 줄 알아.