html - 开始滚动后背景被切断？

Question

您可以在这里查看我遇到问题的页面： http ://www.easythemepro.com/themes.php

由于某种原因，背景被切断了大约一半。我将其设置为 100% 高度，但这似乎不起作用...

body {
    font-family: sans-serif;
    font-size: 12px;
    line-height: 1.4em;
    width: 100%;
    background: #D5D5D5;
    height: 100%
    box-shadow:0 0 40px rgba(0, 0, 0, 0.4) inset;
    overflow: auto;
}

我不确定我在这里做错了什么......看起来它应该对我正常工作。

Answer 1

那是因为您正在使用 css 创建 bg，如果您不打算使用 javascript，则可能需要使用图像并使用background-attachment:fixed;

参考：http ://www.w3schools.com/cssref/pr_background-attachment.asp

Answer 2

我认为你希望你的 html 有内部阴影，你也不需要为你的身体背景设置这么多样式。我看到您正在使用1x1图像作为背景，您可以使用#D5D5D5该图像代替。这不需要backgrond-position或background-repeat使用这个 CSS：

html{
    box-shadow:0 0 40px rgba(0, 0, 0, 0.4) inset;
    /* other styles if you have */
}

body{
    background:#d5d5d5;
    /* and remove other background styles */
}

Answer 3

body,html {
font-family: sans-serif;
font-size: 12px;
line-height: 1.4em;
width: 100%;
background: #D5D5D5;
height: 100%
box-shadow:0 0 40px rgba(0, 0, 0, 0.4) inset;
overflow: auto;
}