作者MikeF (请多多指教 ^^)
看板Web_Design
标题[分享] PNG vs Internet Explorer (IE)
时间Sat Dec 9 01:01:37 2006
※ [本文转录自 Blog 看板]
作者: MikeF (请多多指教 ^^) 看板: Blog
标题: [分享] PNG vs Internet Explorer (IE)
时间: Sat Dec 9 01:00:05 2006
一般架设网站会对一些测试做的比较严谨,其中测试图片的显示也是重要的一环!
这几天依序为这个网志作了一些小功能的增加,突然发现在 IE 的环境浏览下‥‥
PNG 影像背景透明的显示似乎在 IE 5.x and 6 上出了小小的问题(有碍观瞻‥‥)
简单说就是具有背景透明的 PNG 图档在 IE 浏览的情况下会出现图片无法背景
透明的情形!
於是就在 The PNG problem in Windows Internet Explorer 这个网站找到了解
决方法!!
http://homepage.ntlworld.com/bobosola/
其实 PNG 这个图形格式去背的定义早在 n 年前就已经通过 W3C 的认可规范~
但殊不知伟大的 MicroSoft 的 Internet Explorer 5.x 6 都不遵循 W3C 的规范‥‥
导致有些具有去背的 PNG 无法在 IE 浏览下呈现应有的效果!但是IE 7 却可以浏览~
好家在有了该网站所提供的 JavaScript 才能得以让 IE 正确的浏览具有透明背
景的 PNG 图档~
同时也暂时解决了我的心头之患‥‥
其实个人强烈建议有使用到 PNG 图档的网站朋友们加入这个 JavaScript
加入的方法很简单, 将 pngfix.js 下载後放至於您的个人网站目录‥‥
在将以下的文字贴到 </head> 之前‥‥
<!–[if lt IE 7.]>
<script defer type="text/javascript" src="pngfix.js"></script>
<![endif]–>
贴上之後之後网页中有出现 <img src="xxxxx.png> 的图形背景透明就全部自动
搞定了!!
但是仍需注意的是,若於 IE 下仍没有 PNG 图档去背,请先试试指定PNG图片的
长与宽吧~
全文:
http://www.mike.idv.tw/2006/12/09/274
--
我的风景摄影
http://www.mike.idv.tw
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 125.232.84.62
--
我的风景摄影
http://www.mike.idv.tw
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 125.232.84.62
1F:→ gilchang:请使用者用IE7岂不比IE5/6好?(只要不考虑硬体资源) 12/12 01:56
2F:→ gilchang:我不大喜欢用JS。自已的IE也是预设关闭它。 12/12 02:01
3F:→ gilchang:不过您提供的资讯实在很有用。谢谢! 12/12 02:02