css - 使用 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

它没有坏；只是没有浏览器实现了 CSS3 版本的attr(). 目前，实现只存在于 CSS2.1 中引入的那个，它仅限content于生成和替换内容的属性。

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