Sprite缩放会导致three.js中的定位和旋转不正确
我正在尝试用文本创建一个精灵。由于性能原因，我没有使用 TextGeometry 。 var fontsize = 18; var borderThickness = 4; var canvas = document.createElement（'canvas'）; var context = canvas.getContext（'2d'）; context.font =“
..
sprite相关内容
在表中创建带有提交按钮的sprite
我想创建两个sprite按钮来验证（或不验证）某些请求。 这是我的同意按钮 p>
“>
..
通过链接的sprite图像替换
我希望默认情况下在div中显示我的sprite的一部分，然后在div下面有一个文本菜单，当不同的链接被点击时，显示的sprite的部分改变。 这里是我到目前为止的所有地方，并且显示了以下内容： INDEX
..
为什么要在我的移动网站上使用sprite？
为什么要在我的移动网站上使用sprite来构建CSS？我在Tritium中如何实现它们？ 解决方案 为什么 简单地： 。一个对10kB精灵的请求在网络上比在十个1kB图像的十个请求快得多。 此外，一个压缩的图像精灵将产生巨大的节省网络。例如，拍摄13张图像，每张约4kB。这是52kB超过13网络请求。与精灵，它可以降低到1图像在12kB通过1网络请求。大大节省！ 您不必制
..
CSS Sprites由于PHP statementcommentary而恢复为：hover事件
我使用CSS sprites为我的wordpress导航，为了让他们工作，我需要使用php显示告诉当前页面的部分。 CSS： #sidebarnav ul＃sidenav li.visionside a {width：204px; height：53px; background：url（http://jumpthru.net/newsite/wp-content/themes/twe
..
背景重复平铺bg图像里面的精灵图像？
假设这是我们的sprite （请忽略黑色表格）有没有办法重复灰色 - 左边的图像，看起来像一个重复的背景？ / p> 解决方案 不，就我所知，这是不可能的，甚至在CSS3。 您需要分离图片。 还有 属性，但控制背景图片相对于其容器的剪辑。
..
如何显示带有CSS关键帧的精灵的部分以创建动画？
我的目标是旧的webkit浏览器QT Webkit，不幸的是不支持更改关键帧中的背景图片。所以intead，我创建了sprite组合所有12帧，现在我试图通过每一帧间隔一段时间来创建动画。但我有一个横向的精灵，当我尝试在某个关键帧％改变 background-position-x 时，它会滑动。 Sprite： http://i.imgur.com/krQPw.png 范例： http
..
CSS3 - 在sprite图像的'background-position'之间淡入
我想在只有CSS 的sprite图片的'background-position'之间淡化。我发现了很多o教程，但我没有找到像这样简单的： CSS3 - 在sprite图像的'background-position'之间淡化
..
使用CSS sprites在表单元素上定位背景图像
我想要一个放大镜作为我的输入元素的背景。放大镜图标是CSS sprite的一部分，其外观如下： 为了定位，我使用了以下属性： ＃search-form input [type =“text”] { background：url（'../ images / icons.png'）no-repeat left center; background-position：0px -30px
..
生成动态图像的CSS sprites
我有一个网页，其中包含大约20 - 50个动态图片（由非静态来源提供的图片）。这些图像通过基于请求URL的servlet提供。 如果这些图像是静态的，我将创建一个CSS sprite，并将50个请求替换为单一。因为它们是动态的，这当然不是那么容易。我正在寻找一个工具/库/方法，我可以使用，以便将这些图像聚合成单个sprite在运行时。幸运的是图片大小是不变的，所有的图片大小都是一样的，这应该
..
CSS Sprites在图像上显示损坏的图标图标，但悬停仍然可以工作
我无法想象这个。别人可以。 我有一个图片按钮。悬停效果工作正常。但是，我在按钮图片上有IE破碎的图标。 在这里查看：时髦图片 时髦图片悬停 $ b $ 下面是我的CSS： .donate-btn { background：transparent url（/custom/img/donate-btn.png）no-repeat; overflow：hidden;
..
无法获取CSS Sprite工作。我做错了什么？
我使用 CSS Sprite Generator 为我正在处理的网页创建精灵，但它似乎不工作，我不知道为什么...我想这是明显的东西，但...！ 所以，我拿起3张图片，压缩，生成的PNG文件（我检出的结果，它似乎很好），我得到以下css类： .sprite-welcom1 {background-position：0 -30px; } .sprite-welcom3 {backg
..
如何使用css sprites？
我读某处css sprites比使用简单的图片更好。那个怎么样 ？我也是新的Html所以任何人都可以告诉我css如何工作，并给我一个简单的例子css sprites？ 解决方案 是完整的代码， 复制粘贴在记事本中并保存为abc.html，并将以下两个图像保存在同一文件夹中： image.gif为big one，trans.gif为small一个。
..
CSS图像的Sprite高度限制？
我制作一个sprite，它的高度达到4000px。 解决方案 浏览器必须解压缩（和保持在内存中）整个图像，即使你只使用很少的精灵，即使大多数图像是空白/白色。 对于一个桌面客户端，你只错过了一个机会，通过使用太多的内存是一个好的公民（和浏览器已经吸收了大量的内存）。 对于一些移动客户端（例如，对于超过25k的解压缩后的文件，IPhone）可能更有问题，图像将不被缓存，因此可能更好的是具
..
CSS图像精灵
使用css image sprites的唯一好处是http请求少了？ 还有其他好处吗？ $ b 解决方案 像你说的一样，其中一个主要优点是减少对服务器的请求数，提高响应时间（特别是如果你加载了大量的小图片）。但这不是人们使用sprite的唯一原因。 如果你不使用sprites作为“鼠标悬停”显示，用户将看到图像消失第二...它看起来真的很糟糕。这是因为如果您更改图片而不是只移
..
使用Compass / Sass删除附加到sprite文件名的随机字符串
我最近使用Compass与Sass做一些CSS sprits，因为它非常有用。 但是，文件名总是附加一个随机字符串。例如。 icons-s5eb424578c.png 。我不想要附加这个随机字符串，因为它意味着我需要上传新的CSS文件& 那么，有没有人知道Compass gem目录中的哪个Ruby或其他配置文件是附加这个随机字符串？然后我可以只是注释掉那个位的代码。除非我缺少一个官方变
..
背景尺寸与背景位置不缩放位置？
我有一个62个91 * 91像素的图片，这使得整个事情91 * 5642像素。它们以一种动态网格的形式显示，该网格根据用户/指针的移动而增长和缩小。有时一个元素（std 91 * 91 px）放大，使其为120 * 120像素。显然，我想让背景增长，整个91 * 91像素的图像显示在整个120 * 120元素。 输入背景-size：100％auto 使宽度总是完美的。问题现在是 backgr
..
CSS Sprites与动态大小
我决定为我的整个网站（+ -30图片）加载一张sprite工作表，因此我可以加载1张图片和参考位置，从而减少图片加载时间和服务器调用次数。 我的问题： 是否可以在精灵表中引用一个图像，然后将该图像的大小设置为其父容器的100％？ 因此，例如： #SomeDiv { background：url Images / SpriteSheet.png“）-125px 0 no-
..
CSS Sprites - 不仅仅是背景图片吗？
是否可以使用CSS sprites作为“前台”图片 - 即用户应该点击并与之交互甚至可以打印的图片？ 使用CSS background-image属性，而不是使用... what？ 谢谢！ 〜S 解决方案 您可以使用标准 标签，并将其放置在具有有限高度/宽度的容器（如
）中。然后使用相对定位或负边距来控制图像的位置。
..
在Chrome中移除sprite图片周围的边框
第一次使用这种技术，似乎无论什么属性，我尝试分配边框将不会在Chrome中消失。其他浏览器都没问题。我试过outline：none，border：0;等等也试图在图像周围添加一个彩色边框，注意到黑色边框仍然在彩色边框内。似乎不想离开。 解决方法或建议非常感激。 .share-link { display：block; width：41px; height：32px; t
..