Question

我正在尝试在Wordpress中的自定义CSS中激活背景图片。

我已将其粘贴，但是当我检查Chrome中的元素时。在网址的前面和末尾添加了反斜杠。这意味着图像不会显示。

为什么要添加这些？这是补丁，如下所示：

background-image：url（\“wp-content / uploads / 2016/01 / my-logo-backgroundurl.png \”）;

当我将完整的url路径放入时，也会这样做 background-image：url（“http://example.com/wp-content/uploads/2016/01/my-logo-backgroundurl.png”）;

@media (max-width: 768px) and (min-width: 475px)
#header-logo-image {
position: relative;
top: -10px;
left: 0;
background-image: url("wp-content/uploads/2016/01/my-logo-backgroundurl.png");
width: 250px;
height: 100px;
background-repeat: no-repeat;
margin: 0 auto;
}

Answer 1

我知道它超过一年半，但我有同样的问题，当我做谷歌搜索这是页面是第一个条目。我通过删除引号来修复此问题。这应该有效：

background-image: url(wp-content/uploads/2016/01/my-logo-backgroundurl.png)

Answer 2

我没有足够的声誉评论指挥，所以我写信给这里。正如@Paulie_D所说，它可以像这样修复：

@media (max-width: 768px) and (min-width: 475px) {
  #header-logo-image {
    position: relative;
    top: -10px;
    left: 0;
    background-image: url("wp-content/uploads/2016/01/my-logo-backgroundurl.png");
    width: 250px;
    height: 100px;
    background-repeat: no-repeat;
    margin: 0 auto;
  }
}

如果您想使用@media规则，我想这可能会有所帮助。 CSS3 @media Rule

在浏览器中将反斜杠添加到background-url

2 个答案: