如何创建正确的路径以将标题图像放入我的 CSS 文件？答案

【问题标题】：How do I create the right path to put a header image in my CSS file?如何创建正确的路径以将标题图像放入我的 CSS 文件？
【发布时间】：2015-03-12 13:02:34
【问题描述】：

CSS 文件路径是 Website/common/msm.css

我要使用的图片是 Website/images/msm.jpeg

这是我的代码： header /* Header Image */

background-image:url('../images/msm.jpeg');
    width:80%;
    height:8em;
    background-repeat:no-repeat;

到目前为止，我在网页上看到了高度差，但图像没有显示。

【问题讨论】：

如果您是通过Chrome下载的图片，请检查图片的权限。 Chrome 有一个错误，它通过更改下载的权限设置使图像无法使用，并且由于您使用 CSS 添加它，它不会显示为“断开的链接”。更改权限，让每个人都可以读取文件，无需写入。
感谢您的评论。我在 microsoft paint 文档中创建了图像，因此权限应该不是问题。
../ 再出一次。进入网站文件夹。然后进入 images 文件夹找到图像。
我试过了：background-image:url('../../images/msm.jpeg'); 但它没有显示。
@dowomenfart 这应该不是问题，因为他在A/B/file 中的文件夹B 中，他必须转到A/C/file 中的C。返回一次会将他放入文件夹A，因此返回一次就足够了。

标签： html css image header background-image

【解决方案1】：

我想通了。

我的 CSS 是：

header /* Header Image tba */ { background-position:center; position:relative; height:10%; width:80%; display:inline-block; background-repeat:no-repeat; background-image: url("../images/logo.png"); background-size: contain; }

在不同的地方，它太大或太小而无法显示，这就是我加入“背景尺寸”行的原因。

【讨论】：