zoukankan      html  css  js  c++  java
  • 关于PNG透明,IE6,PNG8,PNG24,PNG32

          今天在写一段代码的时候,无意间发现,Fireworks导出的PNG24格式的透明图片竟然在IE7,FF下全部无效。当保存为PNG32的时 候,透明才有效。而用PS保存为PNG24的时候就是正常的。正当我不解的时候发现,PS导出的PNG24在Fireworks里打开竟然是 PNG32…..

    IE6不支持png24的透明,却可以很好的支持PNG8的索引透明。

    介绍一个IE6专用的PNG hack,就是很著名的iepngfix.htc呵呵。

    首先要下载这个到你的站点目录下iepngfix.htc

    将这段条件注视写进你的head

    <!--[if lt IE 7]><style type="text/css">        .photo { behavior: url(iepngfix.htc); }</style><![endif]-->

    这个photo就是你的图片或者图片容器的class。URL里是你的文件路径。

    现在就OK了。
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    <!--[if lt IE 7]>
    <style type="text/css">
            .photo{ behavior: url(http://www.caihong.cc/iepngfix.htc); }
    </style>
    <![endif]-->
    </head>
    <body>
    <div style="300px; height:400px; position:relative;"><div style="200px; height:200px; position:absolute; top:50px; left:50px; background:url(http://www.caihong.cc/1.png);" class="photo" ></div>结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结束文章结</div>
    </body>
    </html>

  • 相关阅读:
    数据库基本设计
    servlet 高级知识之Listener
    servlet 高级知识之Filter
    servlet-生命周期
    http协议概述
    javase高级技术
    javase高级技术
    IO之4种字节流拷贝文件方式对比
    Map 概述
    图解 数组,链表,2种数据结构
  • 原文地址:https://www.cnblogs.com/see7di/p/2239689.html
Copyright © 2011-2022 走看看