仅在IE8上使用jQuery幻灯片效果折叠保证金

仅在IE8上使用jQuery幻灯片效果折叠保证金,jquery,css,internet-explorer-8,Jquery,Css,Internet Explorer 8,我有一个类似于其他线程的问题,IE8在通过jQuery使用slideUp()和slideDown()效果时会折叠我的边距 如图所示,我正在制作手风琴 崩溃的CSS声明包括(dt和dd): JavaScript(摘录)是: 我已经提前尝试了几件事情,包括: 经常被引用的添加溢出的方法:隐藏到上面的CSS声明中,以及将其添加到容器#accordion中 将缩放:1添加到上述所有CSS选择器 将我的页边距底部更改为页边距顶部 在JavaScript中的slideDown()方法上创建回调,通过jQu

我有一个类似于其他线程的问题,IE8在通过jQuery使用slideUp()和slideDown()效果时会折叠我的边距

如图所示,我正在制作手风琴

崩溃的CSS声明包括(dt和dd):

JavaScript(摘录)是:

我已经提前尝试了几件事情,包括:

  • 经常被引用的添加溢出的方法:隐藏到上面的CSS声明中,以及将其添加到容器#accordion中
  • 将缩放:1添加到上述所有CSS选择器
  • 将我的页边距底部更改为页边距顶部
  • 在JavaScript中的slideDown()方法上创建回调,通过jQuery将CSS添加到元素中,同时尝试溢出和缩放属性

到目前为止,我还没有找到上述任何一种治疗方法。有什么建议吗?提前感谢。

我认为这将解决问题:

.practice #accordion dd,
.practice #accordion dt,
.practice #accordion dl{
   width:100%;
   float:left;
}
请参阅我的解决方案:希望这有帮助!
$('#accordion').addClass('live');
$('#accordion dd:first').slideDown().prev().addClass('open');
$('#accordion dt:not(.open)').corner('5px').live('click', function() {
    $('#accordion dt').removeClass('open').corner('5px');
    $('#accordion dd').slideUp();
    $(this).addClass('open').next().slideDown();
});
.practice #accordion dd,
.practice #accordion dt,
.practice #accordion dl{
   width:100%;
   float:left;
}