jQuery:使用slideUp()/ slideDown()时IE8边距崩溃

Question

我在这里上传了一个测试文件:

http://dl.dropbox.com/u/2201804/IE8test.html

如果单击"Click me"div,您将看到使用slideDown()显示"Feedback"div.单击另一个框中的"单击我"可以滑动当前显示的反馈并向下滑动相应的反馈.

在IE8中,在完成slideUp()/ slideDown()操作后,框之间的边距会折叠.

这是jQuery的动画或IE8中的显示错误的问题吗？

Answer 1

溢出:隐藏;

应该做的工作:)

Answer 2

我没有使用边距的解决方案,但如果用填充替换边距,IE8将会播放.在你的情况下,你需要一个额外的容器div,因为你已经在使用填充,并且你有一个背景颜色集.

所以你的解决方案看起来像这样:

<div class="assessment">
  <div class="inner">
    <div class="question">
...

.assessment { 
  padding-top: 20px; 
  background: transparent; 
}

.assessment .inner {
  background-color:#DDDDDD;
  border:1px solid #CCCCCC;
  color:#555555;
  display:block;
  padding:10px 0;
  text-align:left;
  width:100%;
}

干杯tj