【问题标题】:Applying sprite images using AlphaImageLoader使用 AlphaImageLoader 应用精灵图像
【发布时间】:2010-09-06 23:28:46
【问题描述】:

我正在尝试将 AlphaImageLoader 用于 PNG 图像,但我的图像是精灵图像。当我在 CSS 中使用 AlphaImageLoader 时,我没有得到我的精灵图像的输出。如何将 AlphaImageLoader 用于精灵?我可以将它用于精灵吗?

【问题讨论】:

  • 我设法使用 AlphaImageLoader 获得了精灵图像的输出,但我无法为其设置特定位置

标签: html css css-sprites


【解决方案1】:

DD_belatedPNG 脚本允许 background-position,使用 VML 代替 AlphaImageLoader

这是一个 Javascript 库 将 PNG 图像支持夹在 IE6 中 不用大惊小怪。

您可以使用 PNG 作为 <IMG/> 元素或作为 background-image CSS 中的属性。

如果你尝试后者,你会 发现,与香草用法不同 AlphaImageLoader, background-positionbackground-repeat 按预期工作。

作为奖励,“固定”元素将 响应一组常用的 Javascript 样式分配,以及 作为a:hover 伪类。

【讨论】:

  • 但我想将此应用于精灵图像我该怎么做
  • 但我想将此应用于精灵图像我该怎么做
  • @Vipul 查看网页的 Usage 部分:dillerdesign.com/experiment/DD_belatedPNG/#usage 您需要包含 Javascript 文件,然后使用 CSS 选择器调用 DD_belatedPNG.fix() 函数,该选择器选择您需要修复 PNG 的元素透明度。
猜你喜欢
  • 2012-10-04
  • 2012-02-10
  • 2011-08-09
  • 2014-02-01
  • 2011-11-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多