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

And*_*rew 6 css jquery internet-explorer modal-dialog colorbox

我一直把头发拉出来(并且在规定的时间内完成)试图弄清楚为什么Colorbox在下一页上没有正常工作:[link removed]

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

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

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

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

小智 16

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

刚刚放:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
Run Code Online (Sandbox Code Playgroud)

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

希望这可以帮助.干杯!

马里亚诺.

  • 这并不是很棒,因为与HTML5一起工作也会更好. (4认同)