Question

我试图假装＆＃39; IE8中的多个背景使用body元素上的：before伪类。

body {
    background: url('../image/header.gif') no-repeat center 50px;
}

body:before {
    content: '';
    background: url('../image/footer.gif') no-repeat center 100%;
    width: 100%;
    height: 100%;
    top: 0px;
    display: block;

    z-index: 1;
    position: relative;
}

我似乎无法让它发挥作用？在显示第二个背景或在开发者工具中显示属性方面，IE似乎根本无法识别它。

如果有帮助，这里也是该页面的链接： - http://www.concept.mattpealing.co.uk/grtsdfstvl-31-07-2014/dev/

Answer 1

如评论中所述，您需要为相对定位的元素的父级提供显式高度，这就是height:100%上的:before无效的原因。

身体上的

positon:absolute会起到作用。

Answer 2

body:before {
    content: '';
    background-image: url('../image/footer.gif');
    background-repear: no-repeat;
    background-position: center 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    z-index: 1;
}

机身：在IE8之前不工作

2 个答案: