使用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();
})
|