我正在尝试通过 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;
}
最佳答案
在你的 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>
关于html - 如何在 WordPress 中通过 CSS 加载图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41226823/