动态CSS属性
我有上的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。
在此先感谢。
您可以使用jQuery动态更改css内容。 jQuery是JavaScript的扩展。从那里你可以使用你使用的皮肤系统,但通常从标签中提取href属性并更改CSS,你可以使用这样的东西。
是jQuery的任何形式可供我的CSS文件吗?我可以在CSS文件 – 2012-01-10 18:10:01
如果你不能碰的CSS文件才能正常工作。而你,也许工作的一个项目,然后要求开发商(或多个)实现与这个库的系统,整体他们的代码可以被最小化或者他们可能使用jQuery一个更好的系统,但据我可以see-- jQuery是唯一的方式(除非你想为每个项目制作风格,这似乎是更长的路线) – 2012-01-10 18:14:09
不幸的是,纯CSS无法实现。假设你可以使用脚本,你将不得不退回到脚本。 – BoltClock 2012-01-10 18:05:14
据我所知,无法从CSS触发脚本,我说得对吗?我只能在CSS文件上工作。有没有机会从那里做到这一点? – 2012-01-10 18:08:49
都能跟得上......不可能:( – BoltClock 2012-01-10 18:10:02