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

好的，我已经解决了。

根本原因：我认为colorbox尝试为不同的浏览器（如IE6，IE7，IE8，IE9）呈现自身的方式有所不同。我通过IE开发工具栏检查他的DOM注意到了这一点。

详细信息：我的场景，我试图隐藏颜色框的某些元素，例如下一个和上一个按钮，但是没有以足够的方式为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并查看它的作用。