所以我使用jQuery动画div。像这样:
$('#Reporting').animate({ width: 250, fontSize: 21 }, 750)
然后我用css
有一个盒子阴影box-shadow: 0em 0em 0.5em 0.05em $Black;
然而,一旦box-shadow
中的动画片被删除,任何人都知道为什么会发生这种情况?这也会从:hover
替代box-shadow
中删除。
谢谢蒂姆
答案 0 :(得分:1)
原因是因为jQuery中的.animate()
正在向你的css添加overflow:hidden
,所以即使正在应用的box-shadow也会被jQuery添加的内联css隐藏。
尝试将此添加到您的jQuery
$('#Reporting').css({ 'overflow': 'visible' });
这将阻止jQuery自动将“隐藏”添加到您的css并将其设置为可见,这也应该修复:hover
。
这应该可以解决您的盒子阴影问题,这是.animate()
感谢Alan