Jquery灯箱问题？

Question

我的网站www.codtelevision.com/live

单击链接。出于某种原因，页面会展开，然后当您关闭时会变小。我该如何解决这个问题？

Answer 1

问题是你的#bkimg元素。绝对定位的最小宽度为50％，最小高度为50％。因此，该图像将扩展到窗口宽度的50％（宽度/高度）。您可以删除百分比，背景将停止“扩展”。但是，这会导致您的元素在调整浏览器窗口时移出屏幕。

这是我建议的修复方法。

1）从HTML中完全删除#bkimg元素。 2）用样式重新做你的身体元素，以准确反映你想要的。在这种情况下，我会将您的身体标签更改为：

body {
  background: url(wpimages/wp6a390e39.png) top center no-repeat;
}

这将使您的背景保持在浏览器的中心，并且不会“增长”或“缩小”，具体取决于窗口大小。此外，这将为您的布局带来其他问题。几乎所有的整个页面结构都基于绝对定位的元素。这将是一个问题，较小的浏览器大小，较小的分辨率，或喜欢浏览而不扩展完整浏览器窗口的人（大多数OSX用户这样做）。您需要相应地调整布局以使用浏览器，而不是让元素绝对定位。