Colorbox IE7的高度问题

Question

我遇到了一个只发生在IE7中的问题。通过一个JavaScript函数，我启动了一个颜色盒。我在参数中定义了高度和宽度。

与其他浏览器相比，IE7似乎渲染颜色盒的高度缩短了40px。这导致滚动条可见，以容纳现在比颜色盒本身大的内容。

function LoadColorbox(url) {
    jQuery.colorbox({ href: url, iframe: true, opacity: 0.7, height: 560, width: 878, top: 53 });
}

有人以前遇到过这个吗?

Answer 1

好了，我解决了。

根本原因:我认为在不同的浏览器(如IE6,IE7,IE8,IE9)中，colorbox试图呈现自己的方式是不同的。我通过IE开发工具栏检查DOM注意到这一点。

细节:在我的场景中，我试图隐藏颜色盒的某些元素，比如next和previous按钮，但在IE7中没有足够的方式这样做。而在其他浏览器上，颜色盒的高度被排除在底部透明控件的高度之外，IE7在计算内容的高度时似乎考虑了控件的高度。

我要修复的代码:Colorbox.css

    /* Unused elements */
    #cboxTitle,#cboxCurrent,#cboxNext,#cboxNext,#cboxPrevious,#cboxSlideshow,  #cboxTopLeft,#cboxTopCenter,#cboxTopRight,#cboxBottomLeft,#cboxBottomCenter,#cboxBottomRight
    {display:none;height:0px;width:0px;}

希望这对你有帮助!

Answer 2

是的，我有，我相信在我的情况下，这是一个填充/边距问题。试着把它们也设为0，看看效果如何