使用HTML属性作为CSS属性值

前端之家收集整理的这篇文章主要介绍了使用HTML属性作为CSS属性值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > 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)”作为属性值,而不是值本身.

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

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

解决方法

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

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

猜你在找的HTML相关文章