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

时间:2010-02-18 16:35:09

标签: jquery internet-explorer css modal-dialog colorbox

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

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

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

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

非常感谢任何想法或建议。

2 个答案:

答案 0 :(得分:16)

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

刚刚提出:

<!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">

..在你的页面的最开始。它必须是包括之前或其他所有内容。

希望这会有所帮助。 干杯!

马里亚诺。

答案 1 :(得分:2)

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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" >

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

Toby Gutierrez

相关问题