9

Web サイトの背景画像があり、Html で画像をソースすると、ページ全体にタイル表示され、同じ場所で停止します。画像のサイズを変更してウィンドウを埋め、ページを下にスクロールして、テキストなどがページを上に移動しているように見えるようにするにはどうすればよいですか? 回答でコードを使用しましたが、画像が表示され、タイル表示されていませんが、下にスクロールするのではなく、ページを下に繰り返しますか?

<body background="D:\Documents and Settings\HOME\Desktop\Nathan Taylor\Mancuerda\Web Page\Background copy.jpg" background style="fixed">
<style type="text/css">
html{
    background-image: url(D:\Documents and Settings\HOME\Desktop\Nathan Taylor\Mancuerda\Web Page\Background copy.jpg) no-repeat center center fixed; 
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
</style>

私が使用しているスクリプトがあります。

4

4 に答える 4

1

背景画像にいくつかのオプションを設定します。

html,body{

    background-image: url('your/image/path');
    background-repeat: no-repeat;
    background-size: cover; // this fills up the complete page.
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

それが役に立てば幸い！

于 2013-06-10T10:28:19.343 に答える