Questions tagged «css-sprites»

Twitter的引导程序使用Glyphicons的Icons。它们available in dark gray and white默认为“ ”： 是否可以使用一些CSS技巧来更改图标的颜色？我希望其他一些css3光彩能够避免必须为每种颜色设置图标图像。 我知道您可以更改附件（<i>）元素的背景颜色，但是我在谈论图标前景色。我想可以反转图标图像的透明度，然后设置背景颜色。 因此，是否可以仅使用CSS为引导图标添加颜色？

159 css  twitter-bootstrap  sprite  css-sprites 

本文（http://css-tricks.com/css-sprites/）讨论了如何从1个较大的图像中裁剪出较小的图像。您能否告诉我是否有可能/如何裁剪出较小的图像，然后在布局之前缩放裁剪的区域？ 这是该文章的示例： A { background-image: url(http://www.jaredhirsch.com/coolrunnings/public_images/3deb155981/spriteme1.png); background-position: -10px -56px; } 我想知道从spriteme1.png裁剪图像后如何缩放图像 这是示例的网址：http : //css-tricks.com/examples/CSS-Sprites/Example1After/ 所以我想知道是否可以缩小项目1,2,3,4旁边的图标？

157 css  css-sprites 

按照目前的情况，这个问题不适合我们的问答形式。我们希望答案得到事实，参考或专业知识的支持，但是这个问题可能会引起辩论，争论，民意调查或扩展讨论。如果您认为此问题可以解决并且可以重新提出，请访问帮助中心以获取指导。 7年前关闭。 有什么好的工具可以制作CSS精灵？ 理想情况下，我想给它一个图像目录和一个引用这些图像的现有.css文件，并使其创建具有所有小图像优化的大图像，并更改我的.css文件以引用这些图像。 至少我希望它获取图像目录并生成一个大的精灵，以及将每个精灵用作背景所必需的.css。 有没有很好的photoshop插件或功能完备的应用程序可以做到这一点？

126 css  css-sprites  web-performance 

我正在使用带有背景图像的透明1x1图像，以便能够使用精灵并仍为某些图标提供替代文本。 我想为图像使用数据URI来减少HTTP请求的数量，但是产生透明图像的最小字符串是什么？ 我意识到我可以使用数据URI：s代替实际的图片，但是当所有内容都保存在CSS中而不是分散放置时，维护起来会更容易。

124 css  css-sprites 

我有这个HTML： <div id="graphic">lorem ipsum</div> 使用此CSS： #graphic { background-image: url(image.jpg); width: 200px; height: 100px;} 我正在应用的背景图像是200x100像素，但我只想显示200x50像素的背景图像的裁剪部分。 background-clip似乎不是正确的CSS属性。我该怎么用呢？ background-position 不应使用，因为我在上面要显示的图像部分小于定义CSS的元素的sprite上下文中使用了上述CSS。

70 css  css-sprites