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

在测试了你的两种方法之后,我得到了它的使用:

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

这是我的输出:

在此处输入图像描述

(图片是从谷歌搜索中随机选择的)

希望这可以帮助!

于 2013-09-15T09:35:53.207 回答
0

利用

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