文章/答案/技术大牛

发布

问HTML背景图像与重复
EN

Stack Overflow用户

提问于 2014-08-13 15:03:58

回答 1查看 135关注 0票数 0

我试图设计一个网站(实践)与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文件中链接了它。这个样式表工作正常，但是图像没有出现。这个网页看起来很白。

有人能帮忙吗？谢谢，杰克。

html

background-image

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-08-13 15:06:07

这与您的目录结构有关。根据您的结构，您可能希望尝试类似于../映像/bg.jpg之类的东西。

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

由于您引用css文件夹中的图像文件夹，您需要在目录中向上移动一个级别来访问图像文件夹。这就是“.”就行了。

票数 3

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/25289665

复制

相似问题

问HTML背景图像与重复
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML背景图像与重复EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问HTML背景图像与重复
EN