Fatal编程技术网
  • html/
  • HTML背景图像&；重复

HTML背景图像&；重复

html

HTML背景图像&；重复,html,background-image,Html,Background Image,我正在尝试设计一个带有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


我正在尝试设计一个带有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>
到目前为止，这是我的代码要讨论的问题。理论上，我确信背景应该出现在CSS设计网页其余部分之前，除非我完全不正确——我可能是这样。我只是想学习这门语言，所以如果我犯了严重错误或者可能忘记了部分代码，请务必理解

我想得到的图像在“image”文件夹中，然后它被称为bg.jpg，我在home.css文件中链接了它。此样式表工作正常，但图像未显示。网页只是显示为白色

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

这与您的目录结构有关。根据您的结构，您可能需要尝试../images/bg.jpg之类的方法

body {
background-image:url('../images/bg.jpg');
background-repeat:repeat;
}
由于引用css文件夹中的图像文件夹，您需要在目录中向上移动一个级别才能访问图像文件夹。这就是“…”将要做的。

这将与您的目录结构有关。根据您的结构，您可能需要尝试../images/bg.jpg之类的方法

body {
background-image:url('../images/bg.jpg');
background-repeat:repeat;
}
由于引用css文件夹中的图像文件夹，您需要在目录中向上移动一个级别才能访问图像文件夹。这就是“…”将要做的。

这将与您的目录结构有关。根据您的结构，您可能需要尝试../images/bg.jpg之类的方法

body {
background-image:url('../images/bg.jpg');
background-repeat:repeat;
}
由于引用css文件夹中的图像文件夹，您需要在目录中向上移动一个级别才能访问图像文件夹。这就是“…”将要做的。

这将与您的目录结构有关。根据您的结构，您可能需要尝试../images/bg.jpg之类的方法

body {
background-image:url('../images/bg.jpg');
background-repeat:repeat;
}
由于引用css文件夹中的图像文件夹，您需要在目录中向上移动一个级别才能访问图像文件夹。这就是“…”将要做的。

您必须以-->@first结束您的最后一条评论您必须以-->@first结束您的最后一条评论您必须以-->@first结束您的最后一条评论您必须以-->@first结束您的最后一条评论非常感谢！我花了几个小时试图解决这个问题，但现在它成功了！当我陷入困境时，我总是可以依靠StackOverflow来帮助我！好极了抱歉这么长时间的回复，我只是欣喜若狂。非常感谢你！我花了几个小时试图解决这个问题，但现在它成功了！当我陷入困境时，我总是可以依靠StackOverflow来帮助我！好极了抱歉这么长时间的回复，我只是欣喜若狂。非常感谢你！我花了几个小时试图解决这个问题，但现在它成功了！当我陷入困境时，我总是可以依靠StackOverflow来帮助我！好极了抱歉这么长时间的回复，我只是欣喜若狂。非常感谢你！我花了几个小时试图解决这个问题，但现在它成功了！当我陷入困境时，我总是可以依靠StackOverflow来帮助我！好极了抱歉这么长时间的回复，我只是欣喜若狂。