在css中配置驅動的精靈路徑

我在我的css中使用了很多精靈，並且圖像的所有位置都在css中硬編碼。現在我打算將所有圖像移動到CDN。它很難改變每一個地方的路徑。有沒有辦法，將位置作爲變量放置在配置文件中，以便我移動到另一個CDN時不需要在所有位置更改路徑。我正在使用python和django環境。我的示例代碼：在css中配置驅動的精靈路徑

#header .topriglogin .telephone{background:url(../images/sprites.gif) -314px -183px no-repeat;}

我的期望：

#header .topriglogin .telephone{background:url(CONFIG.SPRITE_LOCATION+'sprites.gif') -314px -183px no-repeat;}

是possibele？請告知

來源

2012-01-03 Never Back Down

也許這個鏈接將有助於http://stackoverflow.com/questions/3589661/generating-dynamic-css – 2012-01-03 06:58:08

我買不起通過意見服務於每一個CSS，因爲它是非常昂貴的... – 2012-01-03 07:07:52

你可以生成一次，例如，當在css中更改某些內容時。然後像靜態文件 – 2012-01-03 08:09:18

您可能會考慮使用LESS樣式表，它允許您使用變量，在這種情況下，您仍然需要更新自己的PATH配置（或者編寫一個適合您的簡單腳本）。

@SPRITE_LOCATION: '..path/to/sprites/' 
#header .topriglogin .telephone{background:url(@SPRITE_LOCATION'sprites.gif') -314px -183px no-repeat;

來源

2012-01-03 08:16:32

也想出了這個http：// sass-lang.com/tutorial.html。 – 2012-01-03 11:10:04

在css中配置驅動的精靈路徑

回答

相關問題