jquery - Jquery灯箱问题？

Question

我的网站www.codtelevision.com/live

点击链接。由于某种原因，页面会扩展，然后当您关闭时它会变小。我该如何解决？

Answer 1

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

这是我将提出的修复方法。

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

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

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