Question

我试图将此图像转换为按钮。它通过网站URL（不是我的网站）抓取图像时有效，但在使用相对路径时它不会起作用。图像根本不会出现。

示例：

.my-class {
     content: url(http://themedemo.wpeka.com/wp-content/themes/apppress/images/icons/included/color.png);
}

会起作用，但下面的示例中，url是一个文件路径，其中包含来自上面网址的相同下载图片：

.my_class {
     content: url(/img/color.png);
}

省略或使用引号并未取得任何成功。

我的文件夹看起来像： -CSS-＆GT; styles-＆GT;常规 - ＆GT; style.css中 -color.png

因此，出于测试目的，我将color.png和CSS文件夹放在项目的同一级别中。

我在尝试时得到了它的作用：

contents: url(../../../color.png);

但不是：

contents: url(/color.ong);

修改我是个白痴。谢谢你们的帮助 - 它实际上点击了我脑中的东西。

Answer 1

如果您的网站文件路径是这样的：

CSS

www.YourWebsite.com/css/yourCss.css

你的形象在这里：

www.YourWebsite.com/images/yourImage.png

你的相对路径是

../images/yourImage.png

../返回一个文件夹，然后定位images/文件夹。

另请注意，您的第一个示例中的图片文件夹为/images/，而您在相对路径示例中使用的是/img/

Answer 2

请再次检查 文件的正确路径 ，或尝试从文件路径中删除/并尝试再次..如下

.my_class {
     content: url(img/color.png);
}