为什么在jQuery动画中div上的框阴影会消失?
我在使用应用了框阴影的DIV容器时遇到问题。 当我像那样设置一个DIV的动画时,它的长方体阴影会在动画过程中消失。 这就是我所说的一个例子。是因为我傻了,做错了什么,还是有解决问题的办法 $“测试”。单击函数{ $this.hideblind,2500; }; 试验{ 边框:1px纯黑; 盒影:0px 0px 20px 1px黑色; 高度:100px; 宽度:100px; }为什么在jQuery动画中div上的框阴影会消失?,jquery,html,css,animation,Jquery,Html,Css,Animation,我在使用应用了框阴影的DIV容器时遇到问题。 当我像那样设置一个DIV的动画时,它的长方体阴影会在动画过程中消失。 这就是我所说的一个例子。是因为我傻了,做错了什么,还是有解决问题的办法 $“测试”。单击函数{ $this.hideblind,2500; }; 试验{ 边框:1px纯黑; 盒影:0px 0px 20px 1px黑色; 高度:100px; 宽度:100px; } 这是一个文本。这是因为当jQuery为对象设置动画时,它会设置overflow:hidden;在父母身上 如果您将jQ
这是一个文本。这是因为当jQuery为对象设置动画时,它会设置overflow:hidden;在父母身上 如果您将jQuery动画设置为真正的120秒长,并检查,您应该会看到它设置了规则
希望这有帮助 这是因为当jQuery为对象设置动画时,它会设置overflow:hidden;在父母身上 如果您将jQuery动画设置为真正的120秒长,并检查,您应该会看到它设置了规则 希望这有帮助 使用.hide'blind',2500会使jQUery在设置动画时用另一个div包装元素 我不确定你的确切目标是什么,但是你可以考虑使用SLUDUP2500代替: jsiddle:使用.hide'blind',2500会使jQUery在设置动画时用另一个div包装元素 我不确定你的确切目标是什么,但是你可以考虑使用SLUDUP2500代替:
jsiddle:将其包装在另一个div中,并使用阴影的正确填充。把包装袋藏起来。 试验{ 高度:100px; 宽度:100px; 填充:20px; } 试验室{ 位置:相对位置; 边框:1px纯黑; 盒影:0px 0px 20px 1px黑色; -网络工具包盒阴影:0px 0px 20px 1px黑色; 高度:100px; 宽度:100px; }
这是一个文本。将其包装在另一个div中,并使用阴影的右填充。把包装袋藏起来。 试验{ 高度:100px; 宽度:100px; 填充:20px; } 试验室{ 位置:相对位置; 边框:1px纯黑; 盒影:0px 0px 20px 1px黑色; -网络工具包盒阴影:0px 0px 20px 1px黑色; 高度:100px; 宽度:100px; }
这是一段文字。上面引用安迪·诺斯的话:
这是因为当jQuery为对象设置动画时,它会设置overflow:hidden;在父母身上
因此,我通过设置overflow:visible解决了这个问题!对父容器很重要。在上面引用Andi North:
这是因为当jQuery为对象设置动画时,它会设置overflow:hidden;在父母身上 因此,我通过设置overflow:visible解决了这个问题!对于父容器很重要