HTML背景圖片和重復

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文件夾。 這就是“ ...”的作用。

HTML背景圖片和重復

問題描述

1 個解決方案

解決方案1
3 已采納 2014-08-13 15:06:07

HTML背景圖片和重復

問題描述

1 個解決方案

解決方案1 3 已采納 2014-08-13 15:06:07

解決方案1
3 已采納 2014-08-13 15:06:07