html - 如何在 WordPress 中通过 CSS 加载图像

Question

我正在尝试通过 CSS 加载背景图片。我的 CSS 加载图像除外。

我正在尝试通过 CSS 将图像文件作为 Sprite 加载。

问题:

图像不通过 CSS 加载。如何指定文件路径以通过 CSS 加载图像？

我为图像尝试了多种不同的文件路径。该图像存储在 WordPress 媒体库中。文件路径为:

wp-content/uploads/2016/12/Sprite.png

我使用的 CSS 是:

.icon {
width: 70px;
height: 70px;
background-image: url("wp-content/uploads/2016/12/Sprite.png");
display: inline-block; 
margin: 0 10px 0 0;
}

Answer 1

在你的 css 部分 background-image 没有结束标签。应该是这样的。背景图片:url('');

其次让我给你举个例子。这是演示 wordpress网站。在这个网站这里是logo .如果我们使用此 Logo 作为您的图标

 .icon {
width: 70px;
height: 70px;
background-image: url("https://mediashark.com.au/wp-content/uploads/2016/09/logo-200-1.png");
display: inline-block; 
margin: 0 10px 0 0;
}

<span><i class="icon"></i>TEST</span>