:在jQuery动画上悬停css box-shadow显示错误

时间:2014-08-19 08:02:48

标签: javascript jquery html css

所以我使用jQuery动画div。像这样:

$('#Reporting').animate({ width: 250, fontSize: 21 }, 750)

然后我用css

有一个盒子阴影
box-shadow: 0em 0em 0.5em 0.05em $Black;

然而,一旦box-shadow中的动画片被删除,任何人都知道为什么会发生这种情况?这也会从:hover替代box-shadow中删除。

谢谢蒂姆

1 个答案:

答案 0 :(得分:1)

原因是因为jQuery中的.animate()正在向你的css添加overflow:hidden,所以即使正在应用的box-shadow也会被jQuery添加的内联css隐藏。

尝试将此添加到您的jQuery

$('#Reporting').css({ 'overflow': 'visible' });

这将阻止jQuery自动将“隐藏”添加到您的css并将其设置为可见,这也应该修复:hover

这应该可以解决您的盒子阴影问题,这是.animate()

的一个常见问题

感谢Alan