jquery 使用animate来改变高度时会自动在样式添加overflow:hidden

使用jQuery animate做自定义动画，动画里面改变高度，发现浏览器访问时会自动在样式添加overflow:hidden。

被这问题坑惨了，始终找不到原因，后来百度才知道：

jQuery 的 anmiate 会自动添加overflow:hidden；

这时候在css中这样写 overflow:visible !important；

（也就是在哪个元素做动画就在哪个元素的css里写这个属性）

注意啊 如果写在行内样式 还是会被覆盖；

css代码：

ul li {

            69px;

            height: 69px;

            float: left;

            margin-left: 10px;

            position: relative;

            overflow: visible !important;

        }

js代码：

$(function () {

            $('li').mouseenter(function () {

        

                $(this).stop().animate({

                        224,

                    }).find('.small').stop().fadeOut().siblings()

                    .stop().fadeIn();

             

            })