使用HTML属性作为CSS属性值

qua*_*ine 7 css css3

规范说:

attr()函数返回元素上属性的值,以用作属性中的值.如果在伪元素上使用,它将返回伪元素的原始元素上的属性值.

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

但是,这似乎不起作用.当我使用时,background-image: url(attr(href));我将字符串"attr(href)"作为属性值,而不是值本身.

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

有什么想法为什么会被打破?

Bol*_*ock 13

它没有被打破; 只是没有浏览器实现了CSS3版本attr().目前,仅针对CSS2.1引入的实现存在实现,CSS2.1仅限content于生成和替换内容的属性.

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

  • 请投票这个错误,让他们致力于实施:https://bugzilla.mozilla.org/show_bug.cgi?id=435426 (2认同)