使用 CSS 精灵技术是否好?我在 http://spriteme.org/ 上看到了它的优点,并且在 StackOverflow 上也看到了很多关于 CSS 精灵的问题。 CSS 精灵有哪些缺点? 它是否像官网上声称的那样可以在所有浏览器中运行?
我想问一下,有没有人能够对我要做的设计决策提供一些提示。 我的项目将会涉及到一些精灵(屏幕上预计会有10至30个),而有几种方法可以实现它们。一种方法是使用CSS-Sprites,另一种方式是在画布上绘制它们。这两种方法都不难。背景将由另一个<canvas>绘制成平铺地图,在后台...
我有两个CSS文件: 主文件(main.css) 特定页面文件(page5.css)。我的page5.css包含了main.css(@import url(main.css)); 我的main.css文件中有一部分设置了页面的高度。 #content { background...
JSFIDDLE 编辑:尝试实现与此内容相反的效果。(不是两个固定宽度的侧边div和一个流体宽度的中间div,而是想要在两侧有两个流体宽度的div,中间有一个div居中) 我有三个div:A、B和C。 B需要居中放置在A和C之间。 目前我的做法基本上与上面的示例相匹配。但是,如果A...
有没有自动将简写CSS转换为长格式的工具?我需要这个工具,因为我想使用SmartSprites,而这个工具与简写不兼容。 最好还有一个反向工具,这样在精灵计算之后,我可以尽可能地压缩CSS... 任何其他自动精灵化的解决方案也欢迎,基本上我正在寻找一些可以集成到构建过程中的命令行工具,以便...
在最近的一期Stackoverflow播客中,Jeff谈到了使用单个图像文件来包含页面上分散的所有小图片,然后使用CSS进行裁剪,以便正确显示所有图像。整个目的是为了减少服务器请求次数,使页面加载更快。我觉得这真的很酷,我可以在我们的产品中真正使用它。 我的问题是:如何使用CSS实现这一点?...
我想知道是否有任何类似于Compass精灵生成器的库?我非常喜欢Compass的这个功能,但我不需要整个框架。我只需要创建一个包含PNG文件夹的精灵,并可能创建一些CSS类来显示精灵中的图形。我已经查找了一些精灵生成器作为Web应用程序。人们会将这些用于高流量网站吗?还是人们通常使用Photo...
SVG图像不是位图,所以(除非我漏掉了什么),你不能像其他用于网页的图像文件一样进行 spriting(请参见http://www.alistapart.com/articles/sprites)。 但是是否有一种等效机制来将 SVG 图像的一部分显示为 CSS 背景? 例如,想象一下语法...
我正在制作一个精灵图,并有两个问题。 我一直想知道的是,是否可以将背景图片负向定位到右侧或底部。负位置对于元素左侧或顶部来说是基本操作,但右侧和底部呢? 如果我有一个500像素乘500像素的div,那么我可以使用负值将背景图像的左边缘定位到距离右侧5像素的地方吗?而不是使用495像素来推动...
我正在使用Compass生成CSS精灵。 我找到了一种方法,可以在不同的.scss文件中定义一次精灵并重复使用它,但我不确定这是否是正确的解决方案。 到目前为止,我找到的最好方法是: 创建一个_variables.scss分部文件 在_variables.scss分部文件中定义精灵 在...