是否可以通过CSS使用属性加载背景图像?

时间:2014-05-11 09:33:35

标签: css css3 css-content

我想知道,如果属性获取特定类,我可以使用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


不幸的是,鼠标悬停时没有显示背景图像(悬停)。

(如何)我能做到这一点吗?

1 个答案:

答案 0 :(得分:1)

理论上,是的:

background-image: attr(title url);

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

不幸的是,这种用法充其量只是实验性的,并且在任何主流浏览器中都不支持。

目前,答案是否定的,你不能这样做。这是一种耻辱。