IE7打开我的鼠标经过图像的黑色

我使用jQuery脚本为我的图像翻转，我遇到了在IE7中的问题只有在我所有的图像加载正确，但一旦你翻转的形象和推出的边缘边缘顶部图像变黑。有没有人有任何想法可能会造成这种情况。该网站可以在free-to-be-me.com/ask-ava.php找到。IE7打开我的鼠标经过图像的黑色

这里是我使用的代码：

$(function() { 
     $(".bw").hover(function() { 
      $(this).animate({ opacity: 0.0 }, 200); 
     }); 
    }); 

    $(function() { 
     $(".bw").mouseout(function() { 
      $(this).animate({ opacity: 1.0 }, 200); 
     }); 


<div class='liner-nav'> 
    <div class='container'> 
     <a class='html' href='ava-lb/options.html' style='border:none;' rel='group'><img src='images/ava/School_pink.png' class='bw' style='border:none;' /></a> 
     <img src='images/ava/School_blue.png' class='colour' alt='' /> 
    </div> 
</div> 
});

在此先感谢您的帮助。

编辑

我一直拖网互联网小时，现在尝试各种不同的黑客，试图从ballsing了PNG图像停止IE7。我得出的结论是，尽管IE7能够以最少的麻烦处理PNG，但它并没有很好地处理不透明度的变化。所以我选择了一个直接的图像交换，因为它实现了同样的目的。谢谢你的帮助。

来源

2010-02-08 Drew

IE浏览器和PNG图像打不开。 – 2010-02-08 14:00:35

IE的所有版本仍然有一个包含了设置应用了不透明PNG格式的问题。见this SO question。

来源

2010-02-08 13:45:11

我认为你的主要问题是两幅图像的尺寸略有不同 - 粉红色图像（当你翻转时会出现）是249x89像素，而蓝色图像（下面有什么）是257x97像素。

再加上IE的用PNG图像透明度众所周知的问题，你会得到你看到效果。

我建议你在粉色图像的左侧和顶部添加一个8像素宽的白色边框，使其与蓝色图像的大小相同。这应该实现“按下按钮和粉红色”看起来你似乎是后。要做到这一点

一种方法是使用ImageMagick的转换工具：

convert -size 257x97 xc:white -page +8+8 School_pink.png -flatten School_pink_wborder.png

但是，你要运行，让您通过pngquant或类似的工具，因为convert不输出索引颜色结果图像，只有全彩。

来源

2010-02-08 14:13:42

感谢您的建议。我刚刚尝试过，不幸的是我仍然得到同样的结果。 – Drew 2010-02-08 14:25:07

IE7打开我的鼠标经过图像的黑色

回答

相关问题