首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >css中精灵的配置驱动路径

css中精灵的配置驱动路径
EN

Stack Overflow用户
提问于 2012-01-03 13:52:28
回答 1查看 71关注 0票数 0

我在我的css中使用了很多精灵,图像的所有位置都已在css中硬编码。现在,我计划将所有图像移动到CDN。在每个地方改变路径是非常困难的。有没有办法把这个位置作为一个变量放在配置文件中,这样当我移动到另一个CDN时,我就不需要改变所有地方的路径了。我使用的是python和django环境。我的示例代码:

代码语言:javascript
运行
复制
 #header .topriglogin .telephone{background:url(../images/sprites.gif) -314px -183px no-repeat;}

我的期望是:

代码语言:javascript
运行
复制
#header .topriglogin .telephone{background:url(CONFIG.SPRITE_LOCATION+'sprites.gif') -314px -183px no-repeat;}

这有可能吗?请指教

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-01-03 16:16:33

您可以考虑使用允许您使用变量的LESS样式表,在这种情况下,您仍然需要更新您自己的路径配置(或者编写一个简单的脚本来为您完成此操作)。

代码语言:javascript
运行
复制
@SPRITE_LOCATION: '..path/to/sprites/'
#header .topriglogin .telephone{background:url(@SPRITE_LOCATION'sprites.gif') -314px -183px no-repeat;
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8708443

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档