我想知道,如果属性获取特定类,我可以使用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...
}
不幸的是,鼠标悬停时没有显示背景图像(悬停)。
(如何)我能做到这一点吗?
答案 0 :(得分:1)
理论上,是的:
background-image: attr(title url);
url
是一个关键字,告诉浏览器将title属性解释为URL值。
不幸的是,这种用法充其量只是实验性的,并且在任何主流浏览器中都不支持。
目前,答案是否定的,你不能这样做。这是一种耻辱。