headerftl中png.doc【错位问题解决办法



headerftl中png.doc【错位问题解决办法。
页面中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>之间插入：

<!–[if lte IE 6]>
<script type=”text/javascript” src=”/common/js/belatedPNG.js”></script>
<script>
DD_belatedPNG.fix(“#pngLogo, .pngPicture”);
</script>
<![endif]–>

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

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

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