：在jQuery动画上悬停css框阴影显示错误

Question

因此，我正在使用jQuery为div设置动画。 像这样：

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

然后我用css在上面有一个盒子阴影

box-shadow: 0em 0em 0.5em 0.05em $Black;

但是，一旦移除了动画， box-shadow就消失了，有谁知道为什么会这样？ 也可以从:hover备用box-shadow删除它。

谢谢蒂姆

Answer 1

原因是因为jQuery中的.animate()向您的CSS中添加了overflow:hidden ，因此即使已应用了盒形阴影，jQuery所添加的内联CSS也隐藏了该阴影。

尝试将其添加到您的jQuery

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

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

这应该可以解决您的box-shadow问题，这是.animate()的常见问题

谢谢艾伦