headerftl中png.doc【错位问题】

来源：互联网发布：神庙逃亡软件下载编辑：程序博客网时间：2024/06/13 13:54

页面中div+css的含义

在header.ftl中的
<div id="header" class="header belatedPNG">
belatedPNG 代表什么意思？是定义的样式吗？没有找到在哪定义？

评价一下你浏览此帖子的感受

精彩

感动

搞笑

开心

愤怒

无聊

灌水

本帖最近评分记录:

隐藏评分记录清空我的评分动态共条评分

回复引用

举报顶端

shop++星空

级别: 超级版主

· UID771

· 精华 0

· 发帖103

· 铜币117 枚

· 威望6 点

· 贡献值0 点

· 银元1100 个

· 注册时间2010-11-13

· 最后登录2011-10-31

只看该作者小中大沙发发表于: 09-06

在IE6浏览器下透明PNG图片会出现灰色背景的问题，会影响页面美观。使用belatedPNG可以修正此IE6漏洞
使用方法：在需要使用PNG图片的地方添加class="belatedPNG"即可。

本帖最近评分记录:

隐藏评分记录清空我的评分动态共条评分

回复引用

举报顶端

shop++星空

级别: 超级版主

· UID771

· 精华 0

· 发帖103

· 铜币117 枚

· 威望6 点

· 贡献值0 点

· 银元1100 个

· 注册时间2010-11-13

· 最后登录2011-10-31

只看该作者小中大板凳发表于: 09-06

参考资料：

万恶之源IE6在处理透明PNG图片上非常糟糕，它将图片的透明部分变成了灰色，严重影响了页面美观。
如何才能让IE6正常显示透明PNG图片呢？
其实解决方法还是挺多的，有JS、CSS、HTC等方式来解决，但其中有些解决方法并不完美，如不支持背景透明、CSS布局错位、使用复杂等问题。在这里推荐大家采用belatedPNG方法，非常简单而且比较完美。代码如下：

在<head></head>之间插入：



fix("");中的元素为要处理的图片元素
#pngLogo, .pngPicture代表id为pngLogo的图片，class为pngPicture的图片

belatedPNG.js下载地址：http://www.dillerdesign.com/experiment/DD_belatedPNG/

补充说明一下：IE6本身是支持PNG8的索引色透明度的，它不支持的是PNG的alpha透明度。所以对于PNG8的索引色图片来说我们是没有必要进行处理。