2012-01-10 305 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