【问题标题】:.png images not rendering correctly in IE7, IE8.png 图像在 IE7、IE8 中无法正确呈现
【发布时间】:2010-11-03 18:12:47
【问题描述】:

它们在 FF、Safari 中看起来很棒,但社交媒体图标在 IE 中无法正确呈现。

http://www.erisdesigns.net/STAGE/ED1.3/

这是 IE 问题,还是与我创建 .png 的方式有关?

【问题讨论】:

  • 哇,整个页面在 IE 中看起来很糟糕。
  • 哪个 IE,@Stephen?在我屏幕上的 IE8 中,除了 .png 问题之外,它看起来还不错。
  • 截图如下:uploadpie.com/OJ5KDie7
  • 看起来像 7。这让我想到了下一个问题。当我在 IE 中查看源代码时,<head> 代码并未根据我的更改自行更新。知道这是为什么吗?
  • 嘿@Stephen,修好了。感谢您提请我注意。

标签: image internet-explorer png rendering


【解决方案1】:

有一个 pngfix javascript 插件,您可以使用 IE 条件语句触发。

PngFix

<!--[if lt IE 7.]>

【讨论】:

  • 我有一个类似的 js 修复插件,我已经添加回了头部。让我感到困惑的一件事 - 当我在任何浏览器中查看源代码时,看起来 &lt;head&gt; 似乎没有更新。为什么?
【解决方案2】:

我认为这是因为您使用了透明度。尽管它不像当前的解决方案那样干净,但您也许应该让所有东西都变得不透明。

【讨论】:

  • 我已经尝试过应用这种技术:quirksmode.org/css/opacity.html,但它仍然不起作用。我在这里发布了 CSS:wordpress.pastebin.com/hjHE1XVb
  • @blackessej:不,你没有正确理解我的意思。我想说你应该用图像编辑程序打开每个.png文件,插入一个以你网站背景颜色为颜色的新图层,将其放在旧图层后面并保存文件(将两个图层合并为一个) .
  • 啊,明白了。我会试一试。谢谢。
猜你喜欢
  • 2011-01-11
  • 1970-01-01
  • 1970-01-01
  • 2012-02-12
  • 2010-12-19
  • 2012-01-27
  • 2014-12-17
  • 1970-01-01
  • 2019-08-18
相关资源
最近更新 更多