使用HTML属性作为CSS属性值

Question

规范说：

  

attr（）函数返回元素上属性的值，以用作属性中的值。如果在伪元素上使用，它将返回伪元素的原始元素上的属性值。

http://www.w3.org/TR/css3-values/#attr

但是，这似乎不起作用。当我使用background-image: url(attr(href));时，我将字符串“attr（href）”作为属性值，而不是值本身。

http://jsfiddle.net/x2Rpt/1/

为什么会破坏这个？

Answer 1

它没有被打破;只是没有浏览器实现the CSS3 version of attr()。目前，仅对introduced in CSS2.1的实现存在实现，其仅限于生成和替换内容的content属性。

除非对规范做出更改，否则您的语法似乎是正确的。