好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

ie6下Jquery的slideDown()与overflow:auto;冲突_html/css_W

本人在做一个下拉菜单的时候,为隐藏的项添加了slideDown()的滑动效果。为外层容器添加overflow:auto;让其超出内容后能够出现滚动条。但是在ie6下却是被隐藏掉的,并没有滚动条的出现。同理的slideToggle()也是如此。
以下是demo
     无标题文档  	ul,li {		padding:0;		margin:0;	}	ul {		list-style:none;	}	#out {		width:300px;		height:400px;		border:solid 1px #999;		overflow:auto;	}	.show {		display:none;		height:100px;		overflow:auto;	}    	function show(obj) {		var inner = $(obj).parent();		var showul = inner.find('ul:first');		showul.slideToggle();	}    	 点击        	         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show              	     	 点击        	         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show              	     	 点击        	         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show              	     	 点击        	         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show              	     	 点击        	         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show         	 show              	             


本人希望既有slide的滑动效果,又希望ie6能支持滚动条显示,请各位大侠帮忙。谢谢了……


回复讨论(解决方案)

position:relative; 加个试试

position:relative; 加个试试
你好。我给我要显示的容器添加了position属性了。但是还是无法实现效果。

.show {
display:none;
height:100px;
overflow:auto !important;
}

.show {
display:none;
height:100px;
overflow:auto !important;
}
多谢多谢。我添加上去了,ie6果断的ok了。

查看更多关于ie6下Jquery的slideDown()与overflow:auto;冲突_html/css_W的详细内容...

  阅读:40次