使用Colorbox发出模态窗口大小问题

时间:2013-07-01 01:22:23

标签: javascript jquery colorbox

我在网站上使用jQuery 1.8.2,当我尝试使用Colorbox插件并启动图库的模态窗口时,模态窗口填充页面的整个高度与视口的整个高度。

您可以在此处查看示例:http://www.sportscardslist.com/release/2013/panini-prestige-football

如果单击第一部分底部的6个图像之一,则模态窗口会出现一些尺寸问题。

任何人都有任何想法是什么导致这个?

1 个答案:

答案 0 :(得分:2)

问题只在于您网页的DOCTYPE。你正在使用:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

使浏览器处于怪异模式。因此,jquery无法正确计算窗口高度。你应该使用:

<!DOCTYPE html>

然后将正确计算窗口高度,并且图库的大小将适当地调整为该高度的百分比。