2

jQuery animate opacity 不想和 Safari 搭配得很好；出于某种原因，当我直接在 CSS 中设置不透明度时，没关系；但是当我尝试使用 jQuery animate 时它不起作用。任何想法/已知问题？

我正在直接编辑 SVG 标签，可以在其他浏览器上使用，但似乎是 safari 的问题

4

3 回答 3

2

在动画之前在 jQuery 中设置不透明度。

$("#offerd_desc li").css('opacity', '0');

于 2012-11-15T11:56:35.340 回答
1

从此

$("#offerd_desc li").css('opacity', '0');

将不透明度 INSTANT 设置为 0，您将使用动画（）；

$("#offerd_desc li").mouseover({
    $(this).stop().animate({opacity:0.5},500);
});

$("#offerd_desc li").mouseout({
    $(this).stop().animate({opacity:0.5},500);
});

在你做动画之前使用 stop() ，否则当你快速悬停它会导致闪烁。我强烈建议使用 200 - 500 毫秒等速度，因为否则动画需要很长时间。

于 2012-11-15T13:00:45.600 回答
1

这对我有用：Fiddle HERE

$('div').hover(function(){
$(this).animate({opacity:0.5},1000);
});​
于 2012-11-15T12:00:31.193 回答