Question

我正在尝试使用HTML和CSS样式设计一个网站（用于练习）。我有一个背景纹理的问题，我想在网站上重复。 HTML和CSS的代码如下。

<html>
<head>
    <title>My Blog</title>
    <link rel="stylesheet" type="text/css" href="css/960_12_col.css" />
    <link rel="stylesheet" type="text/css" href="css/home.css" />
</head>
<body>
   <!-- HTML code for Header -->
   <div class="header">
     <div class="container-12">
        <div class="grid_5">
            <h1>BLOG NAME</h1>
        </div>
     </div>
   </div>
<!-- END OF HTML code for Header -->

<!-- HTML code for Main Wrapper -->

<div class="wrapper">

    <!-- HTML code for Main Feature -->
    <div class="main-page container-12">
        <h3>Main Feature Content</h3>
    </div>
    <!-- END OF HTML code for Main Feature -->

<div class="more-features container-12">
    <h2 class="grid-12"></h2>

    <div class="grid-3">
        <h4>Column One</h4>
    </div>

    <div class="grid-3">
        <h4>Column Two</h4>
    </div>

    <div class="grid-3">
        <h4>Column Three</h4>
    </div>

    <div class="grid-3">
        <h4>Column Four</h4>
    </div>
</div>

<!-- END OF HTML code for Main Wrapper -->
</div>

<!-- HTML CODE for Footer -->
<div class="footer clearfix">
    <div class="container-12">
        <p>Footer Information</p>
    </div>
</div>
<!-- END OF HTML CODE for Footer>

</body>
</html>

我正在使用960.gs网格系统，目前我没有问题。我已经将CSS文件链接到上面的960.gs CSS文件，这很好。

这是HOME.CSS文件。

body {
background-image:url('images/bg.jpg');
background-repeat:repeat;
}

到目前为止，这是我必须使用我的代码。从理论上讲，我确信在CSS样式化网页的其余部分之前应该出现背景，除非我完全不正确 - 我可能就是这样。我只是想学习这门语言所以请理解我是否犯了一个严重的错误或者可能忘记了部分代码。

我想要获取的图像位于'image'文件夹中，然后它被称为bg.jpg - 我在home.css文件中链接了它。此样式表工作正常，但图像不显示。网页看起来只是白色。

有人可以帮忙吗？谢谢，杰克。

Answer 1

这与您的目录结构有关。根据你的结构，你可能想尝试像../ images / bg.jpg

这样的东西

body {
background-image:url('../images/bg.jpg');
background-repeat:repeat;
}

如果您从css文件夹中引用图像折叠器，则需要在目录中向上移动一级以访问images文件夹。这就是＆＃34; ...＆＃34;会做的。

HTML背景图片＆amp;重复

1 个答案: