Question

jQuery动画不透明度不想与Safari玩得很好;出于某种原因，当我直接在CSS中设置不透明度时，它是可以的;但是当我尝试使用jQuery动画时，它不起作用。任何想法/已知问题？

我正在直接编辑SVG标记，适用于其他浏览器，但似乎是safari的问题

Answer 1

在动画之前在jQuery中设置te opacity。

$（“＃offerd_desc li”）。css（'opacity'，'0'）;

Answer 2

这对我有用：Fiddle HERE

$('div').hover(function(){
$(this).animate({opacity:0.5},1000);
});

Answer 3

从此

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

将不透明度INSTANT设置为0，您将使用animation（）;

$("#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毫秒，因为否则动画需要很长时间。

jQuery动画不透明度在Safari中不起作用

3 个答案: