我不知道它是否真的是一个秘密，但它确实很不错，而且我认为他们没有公开宣传它。
基本上，这是一个你可以访问的 URL，它可以生成一个完美的精灵准备好的 PNG 图像，其中包含你在 URL 中包含的文本。自己试试看吧
http://l.yimg.com/img.sports.yahoo.com/static/bir/headline?txt=CSS-Tricks
你可以将该域名中的“CSS-Tricks”部分替换成你想要的任何文本。要使用它，只需像平常一样设置精灵悬停即可
<a href="" id="sprite">
CSS-Tricks
</a>在你的 CSS 中，使用特殊 URL 引用背景图像
a#sprite {
display: block;
background: url(http://l.yimg.com/img.sports.yahoo.com/static/bir/headline?txt=CSS-Tricks) no-repeat bottom center;
width: 490px; height: 34px;
text-indent: -9999px;
}
a#sprite:hover {
background-position: top center;
}生成的图像始终为 468x68px，颜色为顶部白色，底部黄橙色 (#efbc21)。这样有点限制，但仍然很不错。我特别喜欢它如何缩小文本，如果你输入过长。
我编写了一些简短的业余 jQuery 代码来演示它“实时”的效果
看起来他们就是用这种方法动态地编写了这个页面上的主要照片的标题：http://sports.yahoo.com。能够了解他们如何使用 PHP 或其他工具在服务器端创建图像会很好。
如果是一小段 PHP 代码，它将成为 FIR 的一个不错的替代方案，用于实现炫酷的文本效果。
这确实很酷。雅虎拥有一些非常棒的开发者，只是他们的名气似乎没有 Google 的开发者那么高。
是的，雅虎的骇客文化一直延续至今，我认为骇客更喜欢保持匿名。:)
自从订阅了你的博客以来，我只收到了两篇文章，但我已经很喜欢它了。几乎与雅虎无关——使用 text-indent 来消除链接中的文本！我以前在 div 内部使用过精灵来进行悬停导航，但是它在一个不会被拉伸的高度内的 div 内部，并且我可以移动背景……我使用 padding 来消除文本。最近当我尝试它时它不起作用。下次我得尝试使用 text-indent！
我怀疑这不是为了公开使用，但无论如何这都是一个不错的发现 =)
一个月前我就做了一些类似的东西。它由 PHP 和 jQuery 提供支持，可以将所有标题替换为正确的图像，比这个更动态。:)
如果有人感兴趣的话，我可以分享一下吗？
这真是太容易了，PHP 使用了 GD 库。
想想那些人们使用的滚动字幕横幅（比如 Lilypie.com）。
@Martin: 我真的很想了解更多关于它的信息。:)
这有点意思。我一直都在使用 css-sprite.com。哈哈。
看起来他们正在使用 DTR（动态文本替换）。
http://www.artypapers.com/csshelppile/pcdtr/
这真是太酷了！
我第一个看到它。这很有趣，我加到了我的博客中。谢谢。
@Germán
我正在制作一个教程。:)
@Martin
太好了！我是设计师……所以 PHP 不是我的强项……哈哈。:) 谢谢！
顺便说一句，我喜欢你的网站。:) 很棒，很干净。
问候
这非常有用，但我希望看到一些有更多选项的东西……字体、颜色等等。
呃……我已经好几年都在做这个了。:P
对于马拉雅拉姆语等语言/文字，大多数浏览器中缺乏适当的支持迫使我们这些可怜的人使用这种技术来有效地呈现文本。
减少食欲可以让一个人摄入更少的食物，从而限制脂肪进入体内。
如果大量使用芬特明，这可能会导致上瘾。
该小组还表达了对
其长期心血管影响的担忧，这是过去主要减肥药被召回的主要原因。
在过去。
低碳水化合物饮食