|手机版

前端开发网(W3Cfuns.com)

 注册|忘记
QQ登录
用新浪微博连接
前端学院-Web前端开发工程师的西点军校
22岁高中学历的我,如何做到CTO年薪50万
查看: 5086|回复: 3

[技巧] IE6支持PNG图片透明的终极解决方法!   [复制链接]

Rank: 9Rank: 9Rank: 9

钱包
44 RMB
人品
2539
注册时间
2010-9-27
最后登录
2012-5-18
在线时间
2890 小时
发表于 2010-11-18 14:08:05 |显示全部楼层
《2天驾驭DIV+CSS》本节推荐视频,点击查看>>
       在设计或制作页面的时候,因为IE6不支持PNG这使很多页面效果不能很好的表现出来,虽然网上有很多解决IE6下PNG做背景时透明的方法,但是都不进完善,在这里我要向大家强烈推荐一种解决方案!可以使用repeat属性,不会在CSS文件和HTML文件中产生多余的代码,W3Cfuns.com强烈向大家推荐!


1)首先下载压缩文件    IE6PNG.rar (4.86 KB, 下载次数: 129)
2)复制并粘贴iepngfix.htc和blank.gif到您的网站文件夹中。
3)复制并粘贴到您的网站的CSS或HTML这样:
  1. <style type="text/css">
  2. img,div{behavior: url(iepngfix.htc);}
  3. </style>


4)这CSS选择器必须包含标签/元素上要PNG支持-基本上,给它一个逗号,你使用的标记分隔。它还必须包含正确的路径。相对于HTML文件的位置 (不相对于CSS文件!)。例如,你可能看起来像这样:
  1. <style type="text/css">
  2. img,div,a,input{behavior: url(/css/resources/iepngfix.htc);}
  3. </style>


5)如果您的网站使用的子文件夹,打开。HTC文件在Windows记事本这样的文本编辑器并更改blankImg变量,包括正确道路blank.gif像这样:同样路径相对于HTML文件的位置 (不相对于CSS文件!)

6)将JS加载到相应的HTML文件中
  1. <script type="text/javascript" src="iepngfix_tilebg.js"></script>


OK了~~~这样页面在IE6下就会很好的支持PNG的背景,如果没有成功,问题就出现在4,5步的路径问题,记住:一定要是相对于HTML文件的位置 (不相对于CSS文件!)。

Rank: 2

升级  14.63%

钱包
0 RMB
人品
28
注册时间
2010-11-9
最后登录
2011-10-10
在线时间
2 小时
发表于 2011-4-26 17:31:45 |显示全部楼层
前端开发名企招聘平台
习..

使用道具 举报

Rank: 2

升级  29.37%

钱包
0 RMB
人品
314
注册时间
2011-4-28
最后登录
2012-4-30
在线时间
274 小时
发表于 2011-5-3 17:13:03 |显示全部楼层
这个方法很好, !
自从进IT业界,尼玛的踏上了一条不归路啊~

使用道具 举报

Rank: 1

升级  40%

钱包
0 RMB
人品
25
注册时间
2011-12-27
最后登录
2012-5-4
在线时间
42 小时
发表于 2012-2-6 17:52:33 |显示全部楼层
步骤五应该放在哪里呢,不是很明白

点评

kwooshung  建议你看这个帖子:《IE6 PNG透明终极解决方案(打造W3Cfuns-IE6PNG最强帖)》http://www.w3cfuns.com/forum.php?mod=viewthread&tid=297  发表于 2012-2-6 18:38:48

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

关于W3Cfuns|手机版|广告服务|招聘精英|前端学院|合作伙伴|免责声明|版权隐私|联系我们

Copyright © W3Cfuns.com All Rights Reserved. 京ICP备10055601号-2  

Powered by Discuz!X2 , Processed in 0.154039 second(s), 14 queries , Gzip On, Xcache On.

回顶部