当使用content：url（）作为本地图像时，不会显示图像，但会显示网页网址。为什么？

我想把这个图像变成一个按钮。它在通过网站URL（而不是我的网站）抓取图像时起作用，但在使用相对路径时不起作用。图像根本不会出现。当使用content：url（）作为本地图像时，不会显示图像，但会显示网页网址。为什么？

实施例：

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

将工作，但下面的例子与所述URL是从上方与URL相同的下载的图像的文件路径：

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

省略或用引号没”不会导致任何成功。

我的文件夹的样子： -CSS-> styles->通用>的style.css -color.png

所以，出于测试目的，我把color.png和CSS文件夹中的相同该项目的水平。

我想，当它工作：

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

但不是：

contents: url(/color.ong);

编辑： 我是个白痴。谢谢你们的帮助 - 它实际上点击了我脑海中的某些东西。

2016-02-22 8protons

你确定相对于样式表的路径是正确的？我注意到你有一个领先的'/'。 – Quantastical

你想念那里引号'xx'.... background-image：url（'../../ images/image.png'）; ？ –

我是通过做内容：url（../../../ color2.png）为什么根路径方法不工作？像：内容：url（/folders/file.png） – 8protons

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

CSS

www.YourWebsite.com/css/yourCss.css

和你的形象是在这里：

www.YourWebsite.com/images/yourImage.png

你的相对路径将是

../images/yourImage.png

的../追溯到然后一个文件夹目标的images/文件夹。

还要注意的是，图像中的第一个例子文件夹/images/和你的相对路径例如你正在使用/img/

2016-02-22 22:30:23

除png文件外，两条路径无关。第一个是来自其他网站的图像。第二个是我机器中的相对路径。 – 8protons

@ 8protons您正在尝试连接机器上的图像吗？您是否将您的机器用作托管WordPress网站的服务器？ –

因此，我看到该网站是在godaddy上，您将需要上传图像给godady，然后从那里瞄准图像，**您将无法从您的godaddy网站定位您的本地机器** –

请再次检查您的正道文件或尝试从路径删除/到您的文件，然后再试一次..如下

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

2016-02-22 22:24:41 Microsmsm

回答