使用 HTML 属性作为 CSS 属性值 [重复]答案

【问题标题】：Using HTML attributes as CSS property values [duplicate]使用 HTML 属性作为 CSS 属性值 [重复]
【发布时间】：2014-05-17 14:42:22
【问题描述】：

规范说：

attr() 函数返回元素上的属性值，以用作属性中的值。如果用于伪元素，则返回伪元素的原始元素的属性值。

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

任何想法为什么会被破坏？

【问题讨论】：

几乎和今天早些时候问的这个问题一样：stackoverflow.com/questions/11117915/…
@thirtydot：我知道这看起来很熟悉......不知道我应该关闭它还是留下我的答案。
所以基本上，它应该可以工作，但它没有实现完全正确？
CSS3 版本根本没有实现。唯一可用的实现基于 CSS2.1 定义 - w3.org/TR/CSS21/generate.html
@thirtydot：嗯，这是我能找到的关于 CSS3 的attr() 的最早问题：stackoverflow.com/questions/8769786/… 不用费力地翻阅数千个 jQuery 问题，搜索起来并不容易……

标签： css

【解决方案1】：

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

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

【讨论】：