问题在IE中正确实现Colorbox(所有版本)

我一直在拔头发(并且经过规定的时间)试图弄清楚为什么Colorbox在下一页上没有正常工作:[link removed]

我在右下方设置了一个Colorbox测试链接,上面写着“Web Design By All Web Cafe”,它应该打开一个小的徽标图像。 在Firefox,Safari等中,模态的行为应该如此,在所有现有的页面内容上方打开中心。 在IE中,不仅模态不居中,而且看起来好像它不遵循绝对定位并且将所有现有的页面内容推到下面。 除此之外,它没有打开正确的大小并在模态图像旁边创建滚动条,我们自己有一个丑陋的模态。

我可以使用的滚动条(通过调整模态的最小高度),但我无法弄清楚为什么它不会居中。 让我说我最初没有对这个网站进行编码,并且它已经在几年前完成了,所以很可能有很多CSS黑客可以正确显示,其中任何一个都可能导致这个问题。

相比之下,Thickbox也在这个网站上设置(如果你点击深蓝色区域的“播放video”标注)并且行为正确,虽然有一些奇怪的大小/填充问题,因此需要用某些东西替换它更现代和可扩展。 我可以validation同时存在这两个模态脚本/ CSS文件的冲突,因为即使完全删除Thickbox,Colorbox仍然会出现问题。

任何想法或建议将不胜感激。

得到它了!!! ..在我的代码中修改了很多东西之后(有同样的问题)……

刚刚放:

  

..在你的页面的最开始。 它必须是BEFORE包含或其他一切。

希望这可以帮助。 干杯!

马里亚诺。

很好抓住我的朋友。 我正在与我的网络项目上的几个开发人员合作并遇到同样的问题。 无法弄明白为什么它在Firefox中工作而不是IE(所有版本)。 你说了什么,检查了doctype,确定它没有完整。 其中一个开发人员必须从一些遗留代码中复制。 无论如何,我们不使用xhtml strict我们使用xhtml transitional,它仍然允许colorbox在IE(所有版本)和Firefox中正常工作。 下面是我用来使彩盒工作的代码:

感谢Mariano对此的帮助。 节省了数小时的挫折感!

托比古铁雷斯