1. 论坛系统升级为Xenforo,欢迎大家测试!
    排除公告

使用htc方法嵌到css文件中

本帖由 bayuchen2011-05-08 发布。版面名称:前端开发

  1. bayuchen

    bayuchen New Member

    注册:
    2011-05-06
    帖子:
    226
    赞:
    0
    (说过了是全英文的,不要着急哦)

    可解决:GM基地
    1、页面中使用《img》标签加入的png透明图像

    2、css中使用background加入的png透明背景(支持多种版本)

    3、某些版本的background的png透明,需要在当前页添加一个js解决

    下载文件包:http://www.twinhelix.com/css/iepngfix/iepngfix.zip

    1、下载后,解压出来,会有很多文件,其中我们需要用到的有3个文件:

    iepngfix.htc,blank.gif,iepngfix_tilebg.js

    2、你可以把他们分别传到相应的css,js和images目录中,当然,也可以建立新的文件夹,比如名为:iepng的文件夹,把他们传到其中

    3、添加第一句代码, http://www.ie173.com 这是在html文件中添加的格式,不要忘记修改htc文件的路径,如果怕出错,直接使用相对根目录的路径,比如/iepng/iepngfix.htc,这样一般不会出错,当然你也可以把behavior: url(iepngfix.htc)这句添加到你的reset.css文件中去

    <style type="text/css">
    img, div { behavior: url(iepngfix.htc); }
    </style>


    4、使用记事本,或类似的工具打开iepngfix.htc文件,将其中blankImg的文件路径替换成你自己的,比如/iepng/blank.gif,根据自己的实际情况。

    IEPNGFix.blankImg = '/images/blank.gif';


    5、将下面这句js调用代码加到需要页面的《head》中去(此步不是必须的,如果你的head部分的include统一调用的,推荐一定加上这句)

    <script type="text/javascript" src="iepngfix_tilebg.js"></script>


    经过以上步骤,基本可以实现IE下png的透明效果了

    至少我现在没发现什么问题,如果有出现问题,欢迎一起讨论下,记得跟我说下哦,谢谢啦!
     
  2. qhdzj87

    qhdzj87 New Member

    注册:
    2010-10-22
    帖子:
    119
    赞:
    0
  3. kitydeng1

    kitydeng1 New Member

    注册:
    2010-08-19
    帖子:
    35
    赞:
    0
    学习学习下啊
     
  4. 独孤求链

    独孤求链 New Member

    注册:
    2011-06-17
    帖子:
    104
    赞:
    0
    这个方法正好可以用到!
     
  5. 诗意地传奇

    诗意地传奇 New Member

    注册:
    2011-06-20
    帖子:
    41
    赞:
    0
    是个好技术
     
  6. soul201010

    soul201010 New Member

    注册:
    2010-11-21
    帖子:
    67
    赞:
    0
    不错 。。。
     
  7. xiaoxue168

    xiaoxue168 New Member

    注册:
    2011-06-29
    帖子:
    1,383
    赞:
    0
    真的很好啊,过来看看。