css - Wordpress 页脚有正文背景图像重叠

Question

关于 http://www.teampaulmitchellkarate.com/ “本网站创建者”的页脚应该一直向下，而不是切断一半灰色(它显示我的背景图片的一部分)。

我已经将 BG 图片缩小了，但它在主页的页面中间被切断了。

页脚的 CSS:

#footer {
    background: url("images/footer.gif") repeat-x scroll 50% 0 transparent;
    height: auto !important;
    min-height: 171px;
    overflow: hidden;
}

Answer 1

如果希望页脚的白色背景一直延伸到页面底部，设置背景图片沿x轴和y轴重复:

#footer {
background: url(images/footer.gif) repeat-x 50% 0%;
min-height: 171px;
height: auto !important;
height: 171px;
overflow: hidden;

#footer .indent {
    padding: 23px 0 20px 13px;
}

#footer p {
    line-height: 22px;
    font-size: 14px;
    color: #3f3f3f;
}

    #footer p a {
        text-decoration: none;
        color: #333333;
    }

        #footer p a:hover {
            text-decoration: underline;
        }

    #footer p span a {
        color: #000000;
    }

/* Footer navigation */

nav.footer {
    float:right;
}

    nav.footer ul {
        margin: 0;
        list-style: none;
        overflow: hidden;
    }

        nav.footer ul li {
            float: left;
            padding: 0 0 0 15px;
            line-height: 22px;
            font-size: 14px;
            color: #3f3f3f;
        }

            nav.footer ul li a {
                text-decoration: none;
                color: #3f3f3f;
            }

                nav.footer ul li a:hover {
                    text-decoration: underline;
                }

这将使页脚的白色 bg 切片填充整个区域。

不相关，您可以将 images/bg.png 的宽度裁剪到大约 10px 并节省一些服务器带宽而不会损失任何质量。