文章/答案/技术大牛

发布

社区首页 >问答首页 >将img与css文件路径问题链接起来

问将img与css文件路径问题链接起来
EN

Stack Overflow用户

提问于 2015-12-21 23:48:36

回答 2查看 3K关注 0票数 2

body {
  background: url("images/bg/cloud.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

<head>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>

根文件夹中有带有index.css的css文件夹。根文件夹也有图像和bg文件夹，其中包含cloud.jpg。

当css位于根目录中时，它可以正常工作。但是，一旦我将css文件移动到css文件夹中，并通过新的html路径重新链接它，它就可以找到图像了！我觉得css文件正在搜索图像文件，却找不到它。它需要返回/退出css文件夹，然后搜索图像/bg/Cloud.jpg？我认为我在正确的轨道上，如果我做了/images和图片，会有什么不同吗？也加入了..。让我回到文件夹层次结构中的一个层吗？

看起来我可以将图像文件放在一个文件夹中，而不是css文件中，或者我的文件路径出错了？

css

file

background-image

filepath

html

回答 2

Stack Overflow用户

回答已采纳

发布于 2015-12-21 23:53:54

如果图像文件夹和css文件夹在根目录中。

改变这一点：

background: url("images/bg/cloud.jpg") no-repeat center center fixed;

对此：

background: url("../images/bg/cloud.jpg") no-repeat center center fixed;

这是因为来自.css文件的相对路径，添加../使文件路径返回一个文件(在本例中返回根)。

票数 1

Stack Overflow用户

发布于 2015-12-21 23:53:05

这是因为相对的路径。你得加点和斜线。就像css文件想要从它本身的位置找到图像一样。使用：

background: url("../images/bg/cloud.jpg") no-repeat center center fixed;

这应该能行。

使用您说的两个点，将一个文件夹移出，比如离开/css/，然后移动到/images/.

票数 1

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

原文链接：

https://stackoverflow.com/questions/34406288

复制

相似问题

问将img与css文件路径问题链接起来
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将img与css文件路径问题链接起来EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问将img与css文件路径问题链接起来
EN