zoukankan      html  css  js  c++  java
  • [CSS] 让IE6支持PNG24透明背景(多个方法)

    1.用iepngfix

    示例:http://www.twinhelix.com/css/iepngfix/demo/ 

    下载地址:http://www.twinhelix.com/css/iepngfix/

    优点:能够整个页面都能自动处理PNG-24的透明背景,不用特意去做另一幅图片代替等麻烦。

    缺点:不能用太多,否则页面加载速度大大变慢。

    *************************************************************************************************

    2.用滤镜效果

    虽然不是每个浏览器都能支持滤镜,但只是为了解决PNG-24透明背景,就无所谓啦。

    来源:有道的源代码

    <style>
    body
    {
    background
    :url(bg.gif);
    }
    .test
    {
    width
    :451px;
    height
    :42px;
    background
    :url(test.png);
    _background
    :none;
    _filter
    :progid:DXImageTransform.Microsoft.AlphaImageLoader(src='test.png',sizingMethod='crop');
    }
    </style>
    <div class="test"></div>

    优点:代码少,简单。

    缺点:对PNG-24图片的图片都要用上滤镜

    *************************************************************************************************

    3.用PNG-8的图片代替

    来源:网络

    PNG-8一般都是用PS保存:(在“文件->存储为Web和设备所用格式”上保存,有时候会用上下图里的“扩散透明度仿色”)

    优点:不用像上面所说那样处理

    缺点:如果有圆角的话,会看起来有点直角的感觉,如果图片外边有渐变(包括阴影效果)会很容易让阴影的大部分颜色被其它颜色所代替,产生失真大

    *************************************************************************************************

    4.使用CSS hack

    能让PNG-24正常显示的就直接显示,否则使用CSS hack来替换其它格式图片(如jpg),这个方法是看别人的源码才知道的,属于最无奈的方法。

    优点:暂时想不到,至少能让图片正常一点的显示。

    缺点:网站的文件多,占用空间大,修改不方便。

    *************************************************************************************************

    PS:PNG-8与GIF的透明背景都能让IE6直接显示,但与PNG-24对比,图片失真得太离谱了

  • 相关阅读:
    C语言中结构体变量之间赋值
    ZOJ
    【微服务干货系列】使用微服务架构之前,你必须知道的
    使用heartbeat+monit实现主备双热备份系统
    rsync 3.1.1源代码编译安装配置
    oracle 11g GRID 中 关于 OLR 须要知道的一些内容
    字母游戏
    移动开发人员应避免的 4 大陷阱
    看看这个经常被0基础程序猿弄不懂的 “事件”
    【剑指offer】和为定值的连续正数序列
  • 原文地址:https://www.cnblogs.com/hcbin/p/1977637.html
Copyright © 2011-2022 走看看