0

ページの背景を作ろうとしていますが、真ん中に表示させたいです。しかし、なんらかの理由で、何をしても左側に表示されます。

body
{ 
    font-family:Tahoma, Geneva, sans-serif; 
    font-size:12px;  
    color:#696969; 
    text-align:center; 
    min-width:320px; 
    background:url(../images/background.jpg) center no-repeat; 
    position:relative; 
    -webkit-text-size-adjust: none; 
}

別のファイルを作成しましたが、次のコードで真ん中に表示されました。

<style>
    body{
        background:url('background.jpg') center no-repeat;
    }
</style>

元のページで機能しないのはなぜですか? なにか提案を？

4

2 に答える 2

0

使用する

background:url(image1.jpg) center top no-repeat;
于 2013-09-15T11:21:41.197 に答える
0

両方の方法をテストした後、これで動作するようになりました：

// style.css
body
{ 
    font-family:Tahoma, Geneva, sans-serif; 
    font-size:12px;  
    color:#696969; 
    text-align:center; 
    min-width:320px; 
    background:url(bg.jpg) center top no-repeat; 
    position:relative; 
    -webkit-text-size-adjust: none; 
}

// index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
<link href="style.css" rel="stylesheet">
</head>

<body>
</body>
</html>

これは私の出力です：

ここに画像の説明を入力

（画像はGoogle検索からランダムに選ばれました）

お役に立てれば！

于 2013-09-15T09:35:53.207 に答える