zoukankan      html  css  js  c++  java
  • 在ie6下将png24图片透明

        没想到IETester中IE6和IE6真实版本不一样。。。之前一直没有实现png图片的透明度,现在发现原来是版本不一样惹的祸。总之,我将解决方法以demo的方式显示出来,以供再次利用。

    <!DOCTYPE html>
    <html>
        <head>
            <title></title>
            <script type="text/javascript" src="iepngfix_tilebg.js"></script>
            <style type="text/css">
                .box {position : relative; width: 100px; height: 100px; margin: auto;}
                .g-prev,.g-next {position: absolute; top: 50%; margin-top: -13px; width: 13px; height: 25px; background: url("images/ys_print_ico1.png") no-repeat; cursor: pointer; behavior: url("iepngfix.htc")}
                .g-next {background-position: 0 -30px; right: 0;}
            </style>
        </head>
        <body>
        <div class="box">
            <div class="g-prev"></div>
            <div class="g-next"></div>
        </div>
        </body>
    </html>

        关键点

        只需要给具有png图片的标签(css)添加 behavior:url("iepngfix.htc")(相对路径),并在iepngfix.htc文件中设置:IEPNGFix.blankImg = 'images/blank.gif';(也是相对路径,根据blank.gif图片放置位置来定义,记住一定是blank.gif文件,下载zip时会附带,别弄成自己定义的图片!我就是弄成自己定义的图片,纠结了好久。。。)

    如果需要设置背景图片no-repeat和position,引入 <script type="text/javascript" src="iepngfix_tilebg.js"></script>即可实现。

  • 相关阅读:
    使用js固定div的高度
    iphone开发常用编码
    php mssql扩展SQL查询中文字段名解决方法
    Android带进度条文件上传
    PHP中替换换行符
    Android Timer计时器
    语法:MySQL中INSERT INTO SELECT的使用
    mysql的多表关联更新怎么写?
    Page Utility
    How do use CheckBoxList Utility
  • 原文地址:https://www.cnblogs.com/tattoo/p/3461323.html
Copyright © 2011-2022 走看看