|
Post by account_disabled on Jan 29, 2024 15:02:52 GMT 10
同的样式。下面是一些 CSS它使用灰色背景颜色设置简单的固定宽度按钮的样式但也有两种不同的处理方式“警告”和“执行”分别具有红色和绿色背景颜色。当为网站提供一系列主题时这种技术可能很有用。您可以创建一组按钮和图标然后添加最适合所选主题的背景颜色。 尽管这种技术永远不会像原始 CSS Sprites 那样广泛使用但这个想法对于允许用户主题化的网站可能很有用。该技术还可以在创建 HTML 模型时使用让您可以根据客户反馈轻松更新颜色。 该技术的主要好处是减少了 请求的数量。但与创建更大的精灵来处理所需的所有颜色所需的内存相比它还减少了浏览器内存的使用量。 不过我想提一下 IE6因为它本身不支持透明 PNG。有 PNG 修复但如果您将此技术与 CSS 。 精灵一起使用(例如上面的按钮和水滴)则不需要这些支持。但是您可以使用 GIF 来提供稍微不太理想的体验。 在 杂志上做广告 1. 的 IE PNG 修复 确实包含对 的支持background-position但该解决方案需要 JavaScript。 更多资源 如果您对 CSS Sprites 的任何方面感兴趣请 购买电话号码列表 查看以下额外资源。 无需预加载的快速翻转- CSS Sprites 的最初灵感。 SpriteMe – 一个基于现有网站生成精灵的书签。 以下是文章中使用的链接列表: CSS Sprites:图像切片的死亡之吻– Dave Shea 的 A List Apart 文章。 雅虎!绩效指南– 来自 Yahoo! 的最佳实践、工具和研究 CSS Sprite Generator – Ed Eliot 开发的一款帮助您创建精灵的工具。 To Sprite Or Not To Sprite – 一篇关于 sprite 的一些潜在系统性能警告的文章。本周。 免费字体 - 最佳字体 7 分钟阅读 下载, 免费赠品, 版式, 字体, 设计, 免费字体 维塔利·弗里德曼 关于作者 维塔利·弗里德曼 Vitaly Friedman 热爱精美的内容不喜欢轻易屈服。当他不写作时他很可能正在运行前端和用户体验…… 更多关于 Vitaly ↬ 电子邮件通讯 你的邮件 关于前端和用户体验的每周提示。 受到超过 200,000 人的信赖。 通过我们关于前端和设计的友好会议在线提高您的技能。 SmashingConf 弗莱堡 2024 通过我们友好的前端和设计在线研讨会在线提高您的技能。 智能界面设计模式10 小时视频 + UX 培训 通过我们友好的前端和设计在线研讨会在线提高您的技能。 在 Smashing 杂志上做广告 通过我们关于前端和设计的友好会议在线提高您的技能。 SmashingConf 弗莱堡 2024 我们继续收。
|
|