1

CSS での画像のスケーリングまたは拡張と画像の正しい構文を理解するのに問題があります。

私は多くのことを試しましたが、正しく動作させることができません。

私が現在使用しているコードは

background:url(../images/body_bg1.jpg) fixed repeat-y; width:100%; height:100%;}

現在、画像の上のコードを使用すると、ページの左側に並べて表示され、repeat-yページの上部に並べて表示されます。

私が読んだことから、上記の構文を使用して画像を固定して引き伸ばすことができるはずですが、ここに何か欠けていますか?

また、上記のコードを読みやすくするために、このようにコードをフォーマットしても問題ありませんか?

background:url(../images/body_bg1.jpg) fixed repeat-y; 
width:100%; 
height:100%;}
4

3 に答える 3

1

この機能は css3 で実装されたばかりです。そのため、少し古いブラウザでは動作しません。

div
{
background-image:url('myBG.jpg');
background-repeat:no-repeat;
background-size:cover;
}

このサイトをチェックしてください。あなたが私に尋ねると、それはかなりクールなサイトです。 http://www.w3schools.com/cssref/css3_pr_background-size.asp

EDIT：古いブラウザでは、通常の回避策なしでは不可能です

<image src=""/>

あなたのコンテンツの背景に。

于 2013-04-25T22:59:59.713 に答える
0

background-sizeここで CSS プロパティを使用する必要があります。

background-size:[width] [height];
background-repeat:repeat-y;

1 つだけ指定した場合、2 番目の値は auto に設定されます。

于 2013-04-25T22:58:03.740 に答える