如何仅对一页应用 CSS 样式更改?
我有两个 css 文件: 一个主文件(main.css) 一个特定的页面文件(page5.css).我的 page.css 包含 main.css (@import url(main.css));) 我的 main.css 将其作为设置页面高度的一部分 #content {背景:url(../images/image.png)不重复；宽度:154px；高度:356px；明确:两
..
css-sprites相关内容
CSS - 使用一张背景图片和多张图片
我观察到，网站通常只使用一张背景图片，其中包含多张图片.例如，不是使用单独的图标，而是将所有图标放在一张图像上，然后在不同的部分使用图像的不同部分. 这样做有什么好处吗? 如何使用? 例如，对于以下 Stack Overflow 精灵，我将如何只显示其中一张图片? 解决方案 该技术称为 CSS Sprites.基本上，您使用 CSS 的 background-position
..
如何使用 ImageMagick 将图标连接成单个图像?
我想在网站上使用 CSS sprites 而不是单独的图像文件，用于大量收藏大小相同的小图标.如何使用 ImageMagick 将它们连接(平铺)成一张大图像? 解决方案 从您链接的页面，'montage' 是您想要的工具.它将需要一堆图像并将它们连接/平铺成一个输出.这是我在使用该工具之前制作的示例图像: (来源:davr.org)
..
CSS 精灵是如何工作的?
我有 3 个不同的图像，想使用 CSS 创建一个精灵.我知道这会减少 HTTP 请求.但是，我对这个概念完全陌生，也不知道如何解决这个问题. 对我来说最好的选择是什么?我还看到有一些 CSS 精灵生成器，您可以在其中提交 .zip 图像并将它们组合在一起. 我尝试这样做，但不明白发生了什么.任何有关创建和使用 CSS 精灵的指导将不胜感激. 更新:我已经阅读了 A List Pa
..
我可以仅使用 CSS 为引导程序图标添加颜色吗?
Twitter 的引导程序使用 Glyphicons 的图标.默认情况下它们是“可用深灰色和白色": 是否可以使用一些 CSS 技巧来更改图标的颜色?我希望有一些其他的 css3 辉煌，可以防止必须为每种颜色设置一个图标图像. 我知道您可以更改封闭 () 元素的背景颜色，但我说的是图标前景色.我想可以反转图标图像的透明度，然后设置背景颜色. 那么，我可以仅使用 CSS 为引
..
使用 jquery 悬停地图区域精灵
我正在开发我的第一个实际的 wordpress 站点，但在使用某些 jquery 时遇到了一些麻烦.我真的希望有人能帮助我. 所以我想做的是根据当前悬停的地图区域定位我的 div 背景. 我在这里找到了一个例子:http://ubytujnaslovensku.sk/sk/ 我得到了什么:HTML:
..
为什么不使用动画 GIF 而不是动画 CSS 精灵?
在最近的趋势中，我看到人们使用 JavaScript 而不是使用动画 GIF 来制作 CSS 精灵动画? 例如: http://www.google.com/doodles/eadweard-j-muybridges-182nd-birthday(实际上，Google 在其他 Doodle 中也使用了这种技术) https://everyme.com/(“我"标志) 还有更多...
..
如何通过CSS将图案转换成书面文字?
几天前，我看到一个网站，上面写着文字，上面有背景图片. CSS是否已可以将背景图像转换为文本? 我不希望文本后面有背景图片.我不知道要实现这一目标.:( 感谢加古！ http://img221.imageshack.us/img221/232/examplewf.png 解决方案 @gago;您可以使用CSS3 背景剪辑属性. 例如 css: p {白颜色
..
CSS精灵和IE6
IE6是否支持CSS精灵? 解决方案 是的，IE 6支持sprites，但不支持24位PNG透明性. 我使用此CSS hack来提供IE
..
CSS Sprite在IE中不起作用[8/7/6]
我正在尝试使用CSS使用精灵为我的Risk Matrix设置动画……它在Firefox和Chrome中可以正常工作，但是图像不会在IE中显示... 下面是代码，不想将整个内容粘贴到此处，但是摘录显示了模式:
..
具有background-image属性的自适应CSS Sprite
我发现了用于创建响应式精灵图像的非常有用的工具. 不幸的是，这些精灵被作为img标签生成并创建了自己的HTTP请求. 有什么优雅的方法如何使用background-image属性做响应式CSS精灵? 解决方案 是的，请使用数据网址.图像位可以直接嵌入到样式表中.您也可以将data-url嵌入图像标签的src属性中. 在样式表中，如下所示: background-imag
..
< ul>精灵问题
我有以下代码
li-text
..
寻找一个好的Image Sprite生成器工具
我正在寻找一个不错的Image Sprite生成器.我尝试了 http://spritegen.website-performance.org/，但是它不够“智能"处理多个图像尺寸并合并图像之间的空白空间. 任何建议? 解决方案 ZeroSprites 是一个CSS精灵生成器，旨在使用VLSI布局算法将面积最小化.与 Sprite Generator 和 Spritemapper .
..
始终以全屏尺寸读取sprite CSS？
我尝试为具有自动全屏尺寸 的sprite制作动画 但是我不知道该如何始终以全屏方式读取此子画面（即屏幕宽度和高度的100％，并在调整大小时自动调整） 任何想法自动调整精灵大小？ @-moz-keyframes播放{0％{背景-位置：0％; } 100％{背景位置：100％； }} @-webkit-keyframes播放{0％{背景位置：0％; } 100％{背景位置：100
..
雪碧动画摇摆/ IE11中跳跃
我构建了一个半透明的精灵png，可以在 https：中找到： //www.srf.ch/static/srf-data/test_sprite.png 高度为17280px，宽度为910px png（30 * 576 = 17280）-一切似乎正确。 我现在想使用 background-position 。 我改编了 https://builtvisible.com/3-logica
..
CSS背景精灵对于iPhone太大
我有一个用于CSS背景的Sprite工作表，尺寸为2000x2000像素。在所有桌面浏览器上都可以正常工作，但iPhone上的Safari根本无法渲染。 将尺寸缩小到1000x1000可以完美呈现。 （除了那个事实，我现在错过了精灵表的四分之三。） 在背景图像的尺寸方面是否存在任何限制？ 2000x2000并不庞大。 此外，我正在使用媒体查询布局（最大宽度，而不是最大宽度设备宽度
..
在锚标签上使用CSS Sprites
我正在寻找有关最佳结构的CSS专家建议。我实现的是图片而不是水平“列表”上的图标。当前html类似于： 等。 所以我用一个精灵代替了。我正在使用
..
可以将背景图像否定地放置在底部或右侧，还是仅重复显示图片的一部分？
我正在整理一个精灵，有两个问题。 某些事情我一直在想，是否有可能将背景图片设置在右侧或底部。否定位置是元素或顶部左侧的面包和黄油，但右侧和底部呢？ 如果我有500px x 500px div，那我可以了吗？放置背景图片的左边缘以使用负值（大于495px）将其从右侧出现5像素以将其推入？ 第二个问题是我是否可以使用 例如，我可能有一个精灵，像素为300像素见方，并充满了各种东
..
将图标与文本对齐
对齐图标（左）和文本（右）或左对齐文本和右对齐图标的最佳方法是什么？ 图标图像和文本是否对齐？一定要一样大小吗？理想情况下，我希望它们有所不同，但要保持相同的垂直对齐。 我正在使用background-position css属性从更大的图像中获取图标。 p> 这是我现在的操作方式，但是我正在努力使它们处于同一行或垂直对齐底部。 文本 这是在尝试您的建议后得到的。
..
罗盘精灵在ie8和ie7中不起作用
我正在使用罗盘制作图像精灵。它可以在现代浏览器上成功运行，但不能在ie 8和ie7中运行。我对指南针真的很陌生，我只是使用了一些简单的mixin来显示精灵。 @include spr-sprite（“ arrow-step”） ;高度：30px； width：30px; 是否缺少任何内容。预先感谢您的回复。 解决方案 哦，天哪。我在诸如 h1：not（#foo）这样的选择器下使
..