2012-01-10 206 views
0

我有上的HTML文件中的下两个元素:动态CSS属性

<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

不幸的是,纯CSS无法实现。假设你可以使用脚本,你将不得不退回到脚本。 – BoltClock 2012-01-10 18:05:14

+0

据我所知,无法从CSS触发脚本,我说得对吗?我只能在CSS文件上工作。有没有机会从那里做到这一点? – 2012-01-10 18:08:49

+0

都能跟得上......不可能:( – BoltClock 2012-01-10 18:10:02

回答

1

您可以使用jQuery动态更改css内容。 jQuery是JavaScript的扩展。从那里你可以使用你使用的皮肤系统,但通常从标签中提取href属性并更改CSS,你可以使用这样的东西。

+0

是jQuery的任何形式可供我的CSS文件吗?我可以在CSS文件 – 2012-01-10 18:10:01

+0

如果你不能碰的CSS文件才能正常工作。而你,也许工作的一个项目,然后要求开发商(或多个)实现与这个库的系统,整体他们的代码可以被最小化或者他们可能使用jQuery一个更好的系统,但据我可以see-- jQuery是唯一的方式(除非你想为每个项目制作风格,这似乎是更长的路线) – 2012-01-10 18:14:09