javascript - 使用 css/javascript 定位背景图像

Question

我是 html/css/javascript 的新手，我需要一些关于我正在尝试设计的网站的帮助。

我的网址是这个:http://www.wideconcept.com/test2/test.html

这是一个全页背景站点，背景图像是响应式的。问题是当用户单击“照片”链接，然后单击“1”时:作为新背景显示在屏幕上的图像未定位为原始背景图像，并且页面高度增加(用户现在可以向下滚动)。

如何更改 html/css 代码，以便在用户点击第一个图像时，以与背景图像相同的方式显示它？

谢谢!

编辑 - 更具体地说:我的主要问题是，当我单击第一个照片链接时，图像显示的位置和尺寸与原始背景图像不同，即使它们的 css 属性相同作为原始背景 css 属性。

Answer 1

我刚刚意识到你的设计有一些背景图像的滚动位置(这在 firefox 中看起来不错但在 chrome 中不是)

解决问题:

img { //line no. 375
    display: block;
    height: 1px;/*this fixes your bug*/
}

我发现的另一个问题是你的id为background的div，所以在#background中添加以下规则:

#background {
z-index: 1; /* to fix the layer bug*/
}