11得票6回答
CSS精灵是一种好的技术吗?

使用 CSS 精灵技术是否好?我在 http://spriteme.org/ 上看到了它的优点,并且在 StackOverflow 上也看到了很多关于 CSS 精灵的问题。 CSS 精灵有哪些缺点? 它是否像官网上声称的那样可以在所有浏览器中运行?

11得票3回答
<canvas>和<div>的效率比较

我想问一下,有没有人能够对我要做的设计决策提供一些提示。 我的项目将会涉及到一些精灵(屏幕上预计会有10至30个),而有几种方法可以实现它们。一种方法是使用CSS-Sprites,另一种方式是在画布上绘制它们。这两种方法都不难。背景将由另一个&lt;canvas&gt;绘制成平铺地图,在后台...

10得票5回答
如何仅对一个页面应用 CSS 样式更改?

我有两个CSS文件: 主文件(main.css) 特定页面文件(page5.css)。我的page5.css包含了main.css(@import url(main.css)); 我的main.css文件中有一部分设置了页面的高度。 #content { background...

10得票5回答
只使用CSS:如何将固定宽度的div居中放置在填充剩余空间的两个div之间?

JSFIDDLE 编辑:尝试实现与此内容相反的效果。(不是两个固定宽度的侧边div和一个流体宽度的中间div,而是想要在两侧有两个流体宽度的div,中间有一个div居中) 我有三个div:A、B和C。 B需要居中放置在A和C之间。 目前我的做法基本上与上面的示例相匹配。但是,如果A...

9得票2回答
如何将CSS缩写转换为完整写法?

有没有自动将简写CSS转换为长格式的工具?我需要这个工具,因为我想使用SmartSprites,而这个工具与简写不兼容。 最好还有一个反向工具,这样在精灵计算之后,我可以尽可能地压缩CSS... 任何其他自动精灵化的解决方案也欢迎,基本上我正在寻找一些可以集成到构建过程中的命令行工具,以便...

9得票3回答
一个图像文件存储页面上所有小图像

在最近的一期Stackoverflow播客中,Jeff谈到了使用单个图像文件来包含页面上分散的所有小图片,然后使用CSS进行裁剪,以便正确显示所有图像。整个目的是为了减少服务器请求次数,使页面加载更快。我觉得这真的很酷,我可以在我们的产品中真正使用它。 我的问题是:如何使用CSS实现这一点?...

9得票1回答
有没有好的替代品可以取代Compass雪碧图生成器?(Rails雪碧图生成器)

我想知道是否有任何类似于Compass精灵生成器的库?我非常喜欢Compass的这个功能,但我不需要整个框架。我只需要创建一个包含PNG文件夹的精灵,并可能创建一些CSS类来显示精灵中的图形。我已经查找了一些精灵生成器作为Web应用程序。人们会将这些用于高流量网站吗?还是人们通常使用Photo...

9得票4回答
在网页中,SVG图像是否有类似于CSS Sprites的等效技术?

SVG图像不是位图,所以(除非我漏掉了什么),你不能像其他用于网页的图像文件一样进行 spriting(请参见http://www.alistapart.com/articles/sprites)。 但是是否有一种等效机制来将 SVG 图像的一部分显示为 CSS 背景? 例如,想象一下语法...

9得票6回答
背景图片可以负定位到底部或右侧,或者只重复图片的一部分吗?

我正在制作一个精灵图,并有两个问题。 我一直想知道的是,是否可以将背景图片负向定位到右侧或底部。负位置对于元素左侧或顶部来说是基本操作,但右侧和底部呢? 如果我有一个500像素乘500像素的div,那么我可以使用负值将背景图像的左边缘定位到距离右侧5像素的地方吗?而不是使用495像素来推动...

8得票1回答
在不同的样式表中使用同一个指南针精灵图标

我正在使用Compass生成CSS精灵。 我找到了一种方法,可以在不同的.scss文件中定义一次精灵并重复使用它,但我不确定这是否是正确的解决方案。 到目前为止,我找到的最好方法是: 创建一个_variables.scss分部文件 在_variables.scss分部文件中定义精灵 在...