如何在css中使用相对路径?

时间:2016-10-03 16:56:08

标签: css wordpress image url

在我的wordpress网站上,我目前在css中有以下网址:

存储图像:

http://localhost/sigma/wp-content/uploads/2016/10/iconsigma.png

我的css文件位于

wp-content/themes/sigma

我尝试了以下但是它似乎没有效果,&我不知道为什么:

background-image: url('../../wp-content/uploads/2016/10/iconsigma.png') no-repeat;

有人可以提供指导吗?

3 个答案:

答案 0 :(得分:1)

使用style.css (使用相对路径)

background-image: url('../../uploads/2016/10/iconsigma.png') no-repeat;

或(使用绝对路径)

background-image: url('/wp-content/uploads/2016/10/iconsigma.png') no-repeat;

或者更好,如果你可以将你的图像移动到主题的img文件夹然后使用(在style.css中)

background-image: url('img/iconsigma.png') no-repeat;

如果您想从php文件中调用背景图片

background-image: url('<?php echo trailingslashit( get_template_directory_uri() ); ?>img/iconsigma.png') no-repeat;

答案 1 :(得分:0)

这是您的目录

wp-content > themes > sigma
  • 您在sigma
  • ../ =&gt; /themes/
  • ../ =&gt; /wp-content/

现在我们要将/wp-content/uploads/2016/10/iconsigma.png添加到路径中。

因此,您正在/wp-content/wp-content/uploads/2016/10/iconsigma.png

中搜索图片

<强>解决方案

您必须将../../wp-content/uploads/2016/10/iconsigma.png更改为../../uploads/2016/10/iconsigma.png

答案 2 :(得分:0)

网址应该是这样的

background-image: url('/sigma/wp-content/uploads/2016/10/iconsigma.png') no-repeat;