【问题标题】:jQuery slideToggle on Internet Explorer 7Internet Explorer 7 上的 jQuery slideToggle
【发布时间】:2010-12-02 21:00:30
【问题描述】:

制作了一个隐藏/显示隐藏 div 的简单脚本。页面在 Firefox、Safari 和 Chrome 上自动调整高度。

但是在 Internet Explorer 7 上,div 与底部的内容重叠,我目前使用 Joomla 作为 CMS。我哪里出错了?我尝试在底部内容中包含“位置:相对”,但它没有帮助。

$j(idName).css({"opacity": "0"});
$j(idName).slideToggle('fast', function() { 
    $j(idName).animate({opacity:"1"}, function() {
        if(jQuery.browser.msie) {
            this.style.removeAttribute('filter');
            $j("#main-body").css("height","auto");
        }
    }); 

});

使用 IE 7 访问 http://educationtechnologysummit.com/sponsors-a-partners.html 以获得更清晰的视图。点击了解更多关于 Amazone 的内容

【问题讨论】:

  • 代替浏览器检测(在IE9中不正确),使用特征检测,将if(jQuery.browser.msie) {改为if(!jQuery.support.opacity) {
  • 出于好奇,你不能使用fadeIn() 来代替不透明度的动画吗?

标签: jquery css


【解决方案1】:

您似乎有一个似乎没有正确设置的溢出属性。尝试确保您的 div 元素具有 overflow: hidden; 声明。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2023-03-15
    • 2017-08-06
    • 1970-01-01
    • 2012-06-07
    • 1970-01-01
    • 2011-05-01
    • 1970-01-01
    相关资源
    最近更新 更多