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

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

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

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

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

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

css代码：

ul li {             width: 69px;             height: 69px;             float: left;             margin-left: 10px;             position: relative;             overflow: visible !important;         }

 

 

 

 

 

js代码：

$(function () {             $('li').mouseenter(function () {                          $(this).stop().animate({                         width: 224,                     }).find('.small').stop().fadeOut().siblings()                     .stop().fadeIn();                           })