1

我在这里创建一个站点，以复制香奈儿网站的功能。

目前，重新调整大小适用于宽度，但是当涉及到高度时，我无法终生让它正常工作，以便图像居中并且略高于页脚。我所有的图像都是 1920 x 1080，就像香奈儿一样。此外，如果您向下滚动一点，Chanel 网站也会自动将下半部分拉上来，因为我只使用按钮即可使用它。

当我在 iPad 上查看页面时，只有大约 75% 的网站显示。我认为这与更多按钮填充有关，但这不是问题。

谢谢！

4

1 回答 1

1

此外，如果您向下滚动一点，Chanel 网站也会自动将下半部分拉上来，因为我只使用按钮即可使用它。

这是因为div顶部的 是固定的或绝对的。“下半部分”可能具有 100% 的上边距，仅在滚动时可见。

它通过javascript“自动拉起”；如果您关闭 javascript 行为正常。为此，他们可能会使用类似document.body.onscroll = function() { ...animation... }.

(id = 语言, class = popin)的 CSSdiv#languages.popin如下：

.popin {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 900px;
    height: 600px;
    margin-top: -300px;
    margin-left: -450px;
    background: none repeat scroll 0% 0% rgb(255, 255, 255);
    z-index: 150;
    overflow: hidden; 
}

我假设按照这个，你会得到类似的结果。试用 firebug 或其变体，并检查元素以找到您可能忘记的部分。

于 2012-11-29T05:10:03.080 回答