css-sprites

0热度

1回答

有谁知道，如果使用CSS精灵的拖动元素的背景图像具有和性能产生不良影响 - 尤其是对触摸功能的设备，如平板电脑或移动设备？每个项目约为50像素X 50像素和精灵是800像素X 1400px（20KB）我只是想知道，如果浏览器正在努力当它被拖动和重新定位重新定位的背景图像？

1热度

2回答

CSS列表项使用精灵表

请大家看我的片段在这里背景大小： http://jsfiddle.net/33fmA/ <div style="width:140px;border:1px solid blue;"> <ul> <li>Item 1</li> <li>Item 2 with more text</li> <li>Item 3</li> </ul> </div> 我试图CS

1热度

1回答

数据URI或sprites的替代方案？

我在这里有一个catch 22的情况。我的意图是保存HTTP请求，这会随着请求数量的增加自然减慢页面加载速度。我的第一个解决方案是去找精灵。但是，我无法正确缩放相对单位的精灵，因为它导致一个图像的一部分出现在另一个图像上。然后我查看了数据URI。这看起来非常有前途，直到我看到不同的浏览器具有（非常）不同的大小限制，其范围可能从几KB到几MB。目前，我被困在这种情况下，我不能选择任何东西，只能去旧

7热度

1回答

CSS - 使用光标精灵

.fancybox-inner { overflow: hidden; background-color:#EEE; cursor: //url to an independent cursor image } 但是，如果我的光标（3）都聚集在一个css_sprite图片，我怎么可以参考背景位置，宽度，光标属性的高度值。像 cursor .fancybox-inner OR .fan

2热度

1回答

CSS背景大小的SVG雪碧：100％自动;

美好的一天。我目前正在建设一个网站，我想从图标字体过渡到纯粹的SVG图标。问题是，当我尝试使用我的SVG子画面（1：3的宽度与高度之比）为背景 .icon { width: 1em; height: 1em; background-image: url('path/to.svg'); background-position: 0 0; back

1热度

1回答

在Grunt任务中循环播放

Grunt目前是Grunt的新手，并且正着眼于设置一个任务，以便从源文件集合（在公用文件夹结构中）构建CSS精灵。要做到这一点，我一直在使用咕噜-spritesmith：https://npmjs.org/package/grunt-spritesmith。截至目前，我有任务看一个特定的文件夹，并构建精灵和SCSS部分罚款。我的问题：是否可以遍历一系列网站名称并将它们传递到下面的任务中 -

0热度

1回答

为什么Firefox和Chrome浏览器的回复细节有所不同？

我正在为asp.net mvc2应用程序实现CSS Sprite。我遵循下面的文章，并试图在一个示例项目上工作。 http://www.hanselman.com/blog/NuGetPackageOfTheWeek1ASPNETSpriteAndImageOptimization.aspx 我添加一些图片到App_Sprites文件夹，然后运行该应用程序。更新的HomeController的的S

0热度

1回答

什么类型的图像应该是CSS sprites的候选人？

我在类型为.png，.gif，.jpg的项目中有很多图片，这些图片的高度和宽度也不相同。我想通过使用下面的文章来实现在该项目目前全部图像的CSSSprites： http://www.hanselman.com/blog/NuGetPackageOfTheWeek1ASPNETSpriteAndImageOptimization.aspx 谁能帮我知道什么样的图像应该包括为CSS精灵的一部分。感

1热度

1回答

CSS Sprites问题 - 大小变化

我遇到了这个问题，我不知道如何解决它，也许你可以帮助我。我想将问号作为导航项目。并悬停一个128x128px的圆圈应该出现在它上面。但是，正如你所看到的，我有一个图像是一个110x110px的圆圈，我的悬停状态圆圈是128x128px。我有点想做出这样的事情：http://www.theflov.com/en/services 现在，当我在它悬停，圆运动，因为不同大小的一点点，做你们有什么想

2热度

3回答

如何重复我的精灵形象的只是其中的一部分作为股利

背景，我需要把我的一个精灵形象的只是其中的一部分作为一个div的背景，但结果是这样的：我假装这：我需要的，在我的模板（从我的老板要求）只使用一个精灵形象。我需要帮助。我的HTML： <div class="background"></div> 我的CSS： .background {width: 100%; height: 166px; background-