首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >为何在css中背景图像不显示?

为何在css中背景图像不显示?
EN

Stack Overflow用户
提问于 2018-07-23 07:44:15
回答 1查看 0关注 0票数 0

我无法通过CSS显示任何图像。如果我直接将它添加到带有IMG标记的HTML中,它将正常工作。

HTML:

代码语言:txt
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>Page Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" type="text/css" media="screen" href="style/main.css" />
</head>
<body>
    <div class="container">
        <header>
            <div class="logo">
                <img src="images/logo.png" alt="Logo"> <!-- Works -->
            </div>
        </header>
    </div>
    <footer></footer>    
</body>
</html>

CSS:

代码语言:txt
复制
.logo {
/* Doesn't work */
background-image: url("/images/logo.png");

}

EN

回答 1

Stack Overflow用户

发布于 2018-07-23 17:25:36

你应该检查项目的文件夹结构。

代码语言:txt
复制
|_project
  |_index.html
  |_css
  |  |_style.css
  |_js
  |  |_script.js
  |_images
     |_bg.jpg

在Project文件夹中:你可以通过输入

代码语言:txt
复制
images/bg.jpg

因为index和图像文件夹都在同一级别。

在CSS或js文件夹中“:你可以通过输入

代码语言:txt
复制
../images/bg.jpg

因为它们的级别不同,所以../意味着SETP回一级,所以它把我们从css folderproject folder,然后是图像文件夹,这样我们就可以轻松地访问它了。

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

https://stackoverflow.com/questions/-100005637

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档