在ie7、8,Firefox下正常显示
可是为什么在ie6下这样显示?请各位指教1、2。。

解决方案 »

  1.   

    html 和 css 贴出来看看
      

  2.   

    png在ie6下透明的问题?
    你的两张图片看起来差不多
    要是透明的问题,网上解决办法很多
      

  3.   


    <body>
    <div>
    <img src="Images/Menu_Service.png"/>
    </div>
    </body>
    没设css样式
      

  4.   

    主要是 png在ie6下透明的问题
      

  5.   

    如下js代码可解决png在ie6下透明问题function correctPNG()  

    for(var i=0; i<document.images.length; i++) 

      var img = document.images[i] 
      var imgName = img.src.toUpperCase() 
      if (imgName.substring(imgName.length-3, imgName.length) == "PNG") 
      { 
       var imgID = (img.id) ? "id='" + img.id + "' " : "" 
       var imgClass = (img.className) ? "class='" + img.className + "' " : "" 
       var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' " 
       var imgStyle = "display:inline-block;" + img.style.cssText  
       if (img.align == "left") imgStyle = "float:left;" + imgStyle 
       if (img.align == "right") imgStyle = "float:right;" + imgStyle 
       if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle   
       var strNewHTML = "<span " + imgID + imgClass + imgTitle 
       + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";" 
      + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader" 
       + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"  
       img.outerHTML = strNewHTML 
       i = i-1 
      } 


    window.attachEvent("onload", correctPNG); 
      

  6.   

    有个js文件看,网上流传很久了,主要是ie6不支持png的透明效果
      

  7.   


    <!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>
    <title>无标题文档</title>    <script src="MSIE.PNG.js" type="text/javascript"></script>
    </head><body>
    <div>
    <img src="Images/Menu_Service.png" alt='' />
    <img src="Images/Logo2.gif" alt=''/>
    </div>
    </body>
    </html>我现在html是这样,其中MSIE.PNG.js里面的内容就是7楼的代码,可是还是没达到效果咕~~(╯﹏╰)b
      

  8.   

    最简单的办法把png图片转换为gif图片
      

  9.   


    呵呵,我也想过,但是gif图像的效果远不如png呃:)
      

  10.   

    别想了,IE6对PNG支持不好,就像你非要拿个286的机器装win7一样,有这时间和精力不如去想想别的解决方案,在这个问题上浪费时间不值得
      

  11.   

    如果你非要效果并且非要全面兼容,那建议你做flash。
      

  12.   

    js可以解决的,我这里有以前用过的
    网上找不到得话给个email
    我传给你
      

  13.   


    其实也就几张png图片,用flash会不会太小题大做了 :)
      

  14.   


    [email protected] 我邮箱,谢谢这位仁兄~~
      

  15.   

    其实很简单
    去网上找jquery.pngFix.js引用
    <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
    <script type="text/javascript" src="js/jquery.pngFix.js"></script>然后调用如下代码
    <script type="javascript">
    $(document).ready(function(){ 
        $(document).pngFix();
    });
    </script>在IE6,7,8,FF下面都正常显示PNG图片
      

  16.   


    收到了你的邮件,两种方法都试了下,第一种之JS法可行,第二种之滤镜法问题依旧,
    不过第一种JS法虽然可行,但JS的代码完全看不懂,呵呵,不过还是非常感谢!!
      

  17.   


    其他格式图像的效果不如PNG
      

  18.   

    ws IE6
    或者改成低效果的gif
      

  19.   

    juqery有一个jquery.pngFix.js
    这个是用来处理png在ie6下面的
    $(document).ready(function(){
    $('div.examples').pngFix( );
    });
    可以上网上down这个js的
      

  20.   


    function correctPNG() 
    {
    for(var i=0; i<document.images.length; i++)
    {
    var img = document.images[i]
    var imgName = img.src.toUpperCase()
    if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
    {
    var imgID = (img.id) ? "id='" + img.id + "' " : ""
    var imgClass = (img.className) ? "class='" + img.className + "' " : ""
    var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
    var imgStyle = "display:inline-block;" + img.style.cssText
    var imgAttribs = img.attributes;
    for (var j=0; j<imgAttribs.length; j++)
    {
    var imgAttrib = imgAttribs[j];
    if (imgAttrib.nodeName == "align")
    {
    if (imgAttrib.nodeValue == "left") imgStyle = "float:left;" + imgStyle
    if (imgAttrib.nodeValue == "right") imgStyle = "float:right;" + imgStyle
    break
    }
    }
    var strNewHTML = "<span " + imgID + imgClass + imgTitle
    strNewHTML += " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
    strNewHTML += "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
    strNewHTML += "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
    img.outerHTML = strNewHTML
    i = i-1
    }
    }
    }
    window.attachEvent("onload", correctPNG);
    我下的pngFix就是这个,可是都不行。。
      

  21.   

    不管MICROSOFT有没有给IE6送葬,但是确实很多国人在用IE6.0,你可以忽视吗