背景图片 URL 路径答案

【问题标题】：background image URL path背景图片 URL 路径
【发布时间】：2018-04-13 06:51:48
【问题描述】：

我正在尝试使用 CSS 为我的页面设置背景。图片来自另一个文件夹，我正在尝试在 CSS 文件中引用该图片。

CSS 文件 URL 是 /vowel-temp/administrator/templates/vowel/css 。

图片文件的 URL 是 /vowel-temp/administrator/templates/vowel/images/icons 。

为什么我看不到背景图片？

ul#menu li:first-child a:before{ background-image: url("../images/icons/01-dashboard.png"); }

【问题讨论】：

标签： html css

【解决方案1】：

只需将其用作您的网址：“/images/vowel/imagename.jpeg”。您可能正在使用整个路径，所以这可能是您的错误的原因。！

【讨论】：

【解决方案2】：

这行得通吗？

body {
    background-image: url("/images/vowel/imagename.jpeg");
}

您为什么要使用ul#menu li:first-child a:before 作为您要设置的样式？

【讨论】：

【解决方案3】：

尝试从另一个元素执行此操作，如果它工作或不工作

body {
    background-image: url("../images/icons/01-dashboard.png");
}

或将此添加到您的代码中。因为您使用的是 :before 伪元素

content: "";
position: absolute;
top: 0;
left: 0;
width: 150px;
height: 150px;

然后添加一个相对位置到 ul#menu li:first-child a

【讨论】：