2

所以....我有一个名为 intro 的文件夹。该文件夹中同时包含 index.html 和 style.css 文件。在 intro 文件夹中是另一个名为“images”的文件夹，用于存储我将使用的图像。在该文件夹（图像）中有一个名为 background.jpg 的图像

代码如下： HTML

    <!DOCTYPE html>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="style.css"/>
    <title>test</title>
</head>
<body>

    <div id="content">
        <div class="info">
            Want to know more about Dreams?
        </div>

    </div>
</body>

CSS

    /*CSS Style Sheet*/
@font-face

body {
background-color: #080808;
background-image: url(images/background.jpg);
margin: auto;
}


#content {
width: 1000px;
background-color: #080808;
margin-left: auto;
margin-right: auto;
margin-top: 500px;
}

由于某种原因，背景图像和背景颜色没有显示出来。背景颜色保持白色，图像无处可见。帮助？

4

2 回答 2

2

您在背景图像的路径上缺少“__”。

两个更改顺序并使用背景而不是背景图像。

 body {        
   background:url("images/background.jpg") no-repeat center;
   background-color:blue;
 }

三个 .png 文件允许您在图像中保持透明背景。

四 删除@font-face

检查这个演示http://jsfiddle.net/e85kY/

于 2013-10-28T14:06:50.533 回答
1

您必须从 HTML 文件的位置映射背景图像。例如，如果图像在您的 intro 文件夹中，而您的 HTML 文件在 intro 中的单独文件夹中，它将是..\image\background.jpg. 此外，您的 CSS 中不需要@font-face。

映射时，要返回一个文件夹，您将使用..该文件夹来暗示路径中的前一个文件夹。

于 2013-10-28T13:56:18.693 回答