相关疑难解决方法(0)

我在HTML文档中有这个:

<a class="wbutton tint" data-tint="rgba(255,0,0,.5)" href="#">This should be red, with an opacity of 0.5</a>

这在CSS文件中:

.window > .content .wbutton.tint {
    border: solid thin attr(data-tint, color);
    box-shadow: inset 0 0 50px attr(data-tint, color);
}

Firefox在Firebug中返回CSS错误.难道我做错了什么？

根据该对W3C规范attr()功能,它应该工作.

(另外,在MDN Wiki中有一个页面attr(),所以我认为它至少应该在Firefox中工作)

我有一个带有一些背景图像的文件夹(one.jpg,two.jpg,three.jpg)和这个标记

<section class="slide" data-bg="one"></section>
<section class="slide" data-bg="two"></section>
<section class="slide" data-bg="three"></section>

是不是可能只用CSS来做这样的事情？

.slide{
    background-image: url(img/attr(data-bg).jpg);
}

当然,这段代码不起作用.