参见英文答案 >
CSS3’s attr() doesn’t work in major browsers4个
规范说:
规范说:
The attr() function returns the value of an attribute on the element for use as a value in a property. If used on a pseudo-element,it returns the value of the attribute on the pseudo-element’s originating element.
http://www.w3.org/TR/css3-values/#attr
但是,这似乎不起作用.当我使用background-image:url(attr(href));我得到字符串“attr(href)”作为属性值,而不是值本身.
有什么想法为什么会被打破?
解决方法
它没有被打破;只是没有浏览器实现了
the CSS3 version of
attr()
.目前,只有
introduced in CSS2.1的实现存在,实现仅限于生成和替换内容的内容属性.
除非对规范进行更改,否则您的语法似乎是正确的.