1

ここで背景を参照してください。

http://www.achingsoul.co.uk/gallery/

body 要素に適用され、適切なサイズになっています。しかし、ここでそれを見ると：

http://www.achingsoul.co.uk/services/

伸びていて、とても奇妙に見えます。インスペクターによると、CSSが両方のページで同じであるため、それが何であるかはわかりません。

body {
    background-image: url('images/aching-soul-background-2.jpg');
    color: #4a2f1f;
    background-size: cover;
}

何が間違っているのかわかりませんか？

4

2 に答える 2

1

背景を削除すると、background-size: cover; 背景が引き伸ばされなくなり、縦方向に繰り返されます。両方のページの違いは、サービス ページの高さが大きいために発生します。background-size プロパティに cover 値を使用すると、この影響が生じます。

于 2013-05-14T20:28:41.400 に答える
0

試すbackground-position:50% 50%;

そしてまた

`/* FOR A LARGE-SINGLE IMAGE TO STRETCH COMFORTABLY ACROSS A BODY*/
    -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
    zoom:1;`
于 2013-05-14T20:32:10.103 に答える