Javascript IE8中的色盒发出抖动

这个问题发生在Firefox和Chrome中，但Safari是可以解决的。然而，IE8无论是否处于兼容模式，都不会在顶部加载覆盖（它只是位于顶部，向下滚动内容-尽管我猜这是因为覆盖位于标记的顶部）

它也不会显示我试图显示的图像，但会在屏幕左上角将覆盖加载图像缩小为零。我使用的是标准的颜色框和CSS

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

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

基本上，该页面是一个媒体图像列表，当您单击其中一个时，它会提供预览，并允许您滚动页面上的图像 好吧，至少它在FF中做了一些截图，因为它缩小了覆盖层

有人有什么想法吗

---

我希望我的解释不是很好，所以如果需要的话，也许我可以拍一部电影或者做点什么。

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

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

---

尝试一个XHTML严格的doctype…？

我经历了完全相同的症状-但在我的例子中，它扩展到了所有浏览器

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

另一个原因是我更新了jQuery的最新版本，但没有升级colorbox。（另外，如果您更新jquery include，请确保您也更新了jquery vs doc—如果您正在使用它的话）

---

希望有帮助

在您的配色箱文件中搜索以下内容：

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader

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

---

我很确定我曾经遇到过这个问题，而修复路径就是我所需要做的。但是，已经有一段时间了，所以我的记忆有点模糊。

我也有同样的问题。我也有一个问题，图像只有10px宽，因为IE不喜欢CSS最大宽度设置为100%。为了缓解这个问题，我在CSS中添加了以下内容

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

---

嗨，谢谢你的回复。。。在ready$（document.ready（function（）{$（'a[rel=“preview”]'）.colorbox（{photo:true，maxWidth:'95%'，maxHeight:'95%'，photoScaling:true}）；}）；基本上，该页面是一个媒体图像列表。。当你点击其中一个，它会给你预览，并允许你在页面上滚动浏览。。它确实在FF中做了一个小屏幕截图，因为它缩小了覆盖层，所以它变小了，变成了零，然后就这样了does@nat-也许它不是在等待图像加载并在IE中错误计算尺寸？尝试一些简单的方法，比如将设置延迟一分钟（让图像有机会加载）<代码>$（'a..）.delay（60000）.或setTimeout（function（）{$（'a..）}，600000）；`如果这样做有效，那么您可能需要调整代码以检测图像何时加载或使用最小大小的容器。好的，我现在已经替换了colorbox js和css，这实际上可能是css问题，尽管我不明白为什么要使用完全标准的位。。使用新的标准css，图像确实加载了，但是叠加消失了，其他一些部分看起来不太正确。我多么讨厌IE，这完全是垃圾。非常感谢你的帮助和建议，出于同样的原因+1。谢谢你的页面有任何验证错误吗？在某些浏览器中，这可能会使colorbox失效。如果你把你的HTML扔掉，有什么明显的东西会被标记吗？标题再加一个+1，Hillarios！你有我们可以看的例子吗？我总是发现访问显示该错误的页面对JavaScript错误很有帮助。即使是过渡页面也为我修复了一个非常类似的问题，谢谢。