IE7和分层PNG周围的“锯齿”（使用jQuery）
|
我似乎在PNG文件周围遇到“锯齿”（锯齿状像素，在这种情况下为黑色），尤其是在IE7中带有抗锯齿边缘，例如圆形边界（例如，较大的光泽按钮）。我想我以前曾遇到过这个问题，但是在以前的设计中可能没有那么明显。
事实是，它仅在我淡出PNG时才会出现（在这种情况下，会在另一个淡入淡出以产生令人眼前一亮的翻转效果），因为一开始它看起来不错。
无论如何，我不太确定问题的根源，但是这里只是简要介绍了所涉及的代码。希望有一个解决方案。
屏幕
之前和之后
jQuery的
$(document).ready(function(){
$(\'.mf_fader\').hover(function(event){
$(\'> *:first-child\', $(this)).stop().fadeTo(450, 0);
$(\'> *:last-child\', $(this)).stop().fadeTo(350, 1);
}, function(event){
$(\'> *:first-child\', $(this)).stop().fadeTo(350, 1);
$(\'> *:last-child\', $(this)).stop().fadeTo(450, 0);
});
});
#dbc_main-letsgo,
#dbc_main-letsgo > div{
width: 460px;
height: 150px;
}
#dbc_main-letsgo > div{ background-image: url(../img/btn_main-letsgo-default.png); }
#dbc_main-letsgo > div + div{ background-image: url(../img/btn_main-letsgo-hover.png); }
.mf_fader{
position: relative;
display: inline-block;
}
.mf_fader > *{
position: absolute;
}
.mf_fader > * + *{
display: none;
}
<a href=\"#\" id=\"dbc_main-letsgo\" class=\"mf_fader\">
<div></div><div></div>
</a>
没有找到相关结果
已邀请:
3 个回复
乏摩纶誊伟
浆错
裸雷胜檀哭