Question

我正在尝试为我的页面制作背景，我希望它出现在中间。但出于某种原因，它显示在左侧，无论我做什么。

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>

为什么它不适用于我的原始页面？有什么建议吗？

Answer 1

在测试了两种方法之后，我得到了它：

// 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>

这是我的输出：

enter image description here

（图片是从谷歌搜索中随机选择的）

希望这有帮助！

Answer 2

使用

background:url(image1.jpg) center top no-repeat;

我不能让身体背景出现在中间，没有重复

2 个答案: