zoukankan      html  css  js  c++  java
  • 2.png图片在ie6下不透明

    写在前面的话:

      下面这些方法也是找来的,原文链接也都附上了~

    if(window.XMLHttpRequest){     //Mozilla,Safari,IE7
         if(!window.ActiveXObject){     //Mozilla,Safari,
              alert('Mozilla,Safari');
         }else{
              alert('IE7');
         }
    }else{
         alert('IE6');
    }
    ie6 png 背景图  可以用滤镜使其透明:
    _background:none;
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="");
    注意:透明背景图上的 a链接 和按钮无效。
     
     
    第一种方法:
    <div style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/uploadfile/200806/18/3994749948.png);134px;height:134px"></div>
    这是解决后的效果。
    <div style="background:url(/uploadfile/200806/18/3994749948.png) no-repeat;134px;height:134px"></div>
    这是解决前的效果。
    filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL ) 
    属性:
    enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false 
              true :� 默认值。滤镜激活。 
              false :� 滤镜被禁止。 
    sizingMethod : 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。 
    crop : 剪切图片以适应对象尺寸。 
    image : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。 
    scale : 缩放图片以适应对象的尺寸边界。 
    src :� 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。
     
    在IE6中,当链接文字或者按钮处于图片包围时链接会失效。
    解决方法:a{position:relative或者position:absolute;}
    那是因为滤镜效果遮住了层里面的文字

    第二种方法:

      在文章的标题<head>与</head>之间加入下面的代码:
    <!--[if lte IE 6]>
    <script src="http://www.51mubanji.com/js/pngtm.js" type="text/javascript"></script>
    <script type="text/javascript">
      DD_belatedPNG.fix('div, ul, img, li, input , a');
    </script>  
    <![endif]-->
  • 相关阅读:
    源码分析
    HR不会告诉你的秘密
    文档生产工具 Doxygen
    Win7设置共享文件夹
    ZigBee NV层使用
    ZigBee2006,2007,pro各个版本的区别
    第一百九十三节,jQuery EasyUI,Draggable(拖动)组件
    第一百九十二节,jQuery EasyUI 使用
    第一百九十一节,jQuery EasyUI 入门
    第一百九十节,jQuery,编辑器插件
  • 原文地址:https://www.cnblogs.com/Christeen/p/6524912.html
Copyright © 2011-2022 走看看