0

私はこの画像を持っています「画像の上の赤い線を無視してください」 ここに画像の説明を入力してください

そして、この画像をHTMLページの背景にしたいのですが、白で始まり、青で終わります。必要なのは、cssを使用して、ページの高さに基づいてこの画像を背景に拡大することです。たとえば、一部のページでは、ブラウザでスクロールすると高さが2000pxになり、一部のページの高さは1000pxになります。すべてのページで同じ背景画像を使用し、cssを使用して拡大する必要があります。

IE7、8、9を含むすべてのブラウザでこれを実行したい

私がやろうとしたことは：

div.fullscreen
{
    display: block; /*set the div in the top-left corner of the screen*/
    /*set the div in the top-left corner of the screen*/
    position:absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background-image: url("../images/landingpage_bg.png");
    background-repeat: repeat-x;
}

しかし、それはうまく伸びませんでした。

4

2 に答える 2

0 
html { 
    background: url(images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: repeat-x;
}

お役に立てれば

于 2012-06-21T19:06:16.127 に答える
0

唯一の方法は、写真をトリミングし、repeat-x で背景の下部に配置し、body\html で border-top を使用するか、写真に使用するものは何でも使用することです。

于 2012-06-21T19:40:11.127 に答える