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,但它并没有很好地处理不透明度的变化。所以我选择了一个直接的图像交换,因为它实现了同样的目的。谢谢你的帮助。

回答:

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

回答:

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

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

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

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

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

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

以上是 IE7打开我的鼠标经过图像的黑色 的全部内容, 来源链接: utcz.com/qa/261547.html

回到顶部