Question

Firefox和Chrome中出现此问题，但Safari很好。但是，在兼容模式下，IE8不会在顶部加载叠加层（它只是位于顶部，向下滚动内容 - 尽管我猜这是因为叠加层位于标记的顶部）。 / p>

它也没有显示我试图显示的图像，但是将重叠加载图像缩小到屏幕左上角的任何内容。我正在使用标准的colorbox-min和随之而来的CSS。

检查IE8开发工具中的标记似乎暗示内容实际上没有加载到cboxLoadedContent div中。

$(document).ready(function() {
    $('a[rel="preview"]').colorbox(
        { 
            photo: true
            , maxWidth: '95%'
            , maxHeight: '95%'
            , photoScaling: true 
        }
    ); 
});

基本上页面是一个媒体图像列表，当你点击它时，它会给你预览，并允许你滚动页面上的那些好吧，至少它在FF中做了一点截图，因为它缩小了叠加的东西http://dumpt.com/img/viewer.php?file=7s2zwoxozzf7666h0fzc.png

有人有什么想法吗？

我希望我的解释不是很好，所以也许我可以拍一部电影或者其他东西。

Answer 1

您的代码是否已包含在就绪函数中？我已经看到在FF / Safari中工作的代码在IE中失败的实例，因为IE似乎加载DOM的速度更慢。在这些情况下，几乎总是证明我无法将代码包装在就绪函数中。

$(function() { // the important bit
    $('.colorbox').load('...').colorbox();
});

Answer 2

尝试使用XHTML严格文档类型...？

Answer 3

我经历过完全相同的症状 - 但在我的情况下，它扩展到所有浏览器。

一个原因是我没有包含我用于使用colorbox的页面的CSS文件。

另一个原因是我更新到最新版本的jQuery，但没有升级colorbox。（另外，如果你更新你的jquery include，请确保你也更新你的jquery vs doc - 如果你甚至使用它的话）。

希望有所帮助。

Answer 4

在颜色框文件中搜索：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader

会有几个实例，每个都指向一个png。确保该png的路径正确，然后再次测试。

我很确定我在某一点上确实存在这个问题，修复路径就是我需要做的。然而，它已经有一段时间了，所以我的记忆有点模糊。

Answer 5

我有同样的问题。由于IE不喜欢将CSS max-width设置为100％，我也遇到了图像只有10px宽的问题。为了缓解这个问题，我将以下内容添加到我的CSS中。

.cboxIE img
   {
        max-width:none;
         _max-width:none;
   }

IE8中的Colorbox投掷摇摆不定

5 个答案: