动态CSS属性

时间:2012-01-10 18:00:22

标签: html css

我在HTML文件中有下两个元素:

<a id="a1" href="?cssfile=css-folder/015/styles.css">Style number 015</a>
<div id="a1Preview"></div>

第一个(锚)是对将由页面动态加载的CSS的引用。第二个(div)假装是样式表的预览(缩略图)。

问题我需要一种从CSS动态设置div背景的方法,例如:

#a1Preview
{
    background: url(css-folder/{"015" extracted from the <a> element}/preview.png);
}

这可能吗?有任何想法吗?当然HTML是不可触及的。我只能改变CSS。

提前致谢。

1 个答案:

答案 0 :(得分:1)

您可以使用jQuery动态更改css内容。 jQuery是javascript的扩展。然后你可以使用你用于皮肤的系统,但一般来说,从标签中提取href属性并更改CSS,你可以使用这样的东西。