css - 我正在尝试创建 Sprite ，但无法正常工作

我有一个css文件

#carouselapis1 {
    background: url('www.apis-iq.com/wp-content/uploads/2016/10/carousel-apis-software.png') 0 0;
    width: 177px;
    height: 155px;
}
.carouselapis2 {
        background: url('www.apis-iq.com/wp-content/uploads/2016/10/carousel-apis-software.png') no-repeat -182 0;
        width: 154px;
        height:155px;
}

等等。
我要粘贴到我的wordpress页面文本中的代码是：

<img class="carouselapis1" src="/wp-content/uploads/2016/10/carousel-forground-no-image.png" alt="carousel-apis-software-saves-time-and-money" width="85" height="155" />

从而src图像是小的空白图像。并在css文件中，我要显示的图像。但是由于某种原因，我的css文件中的图像没有出现，而是没有图像显示。
有人可以告诉我我在做什么错吗？

最佳答案

将http：//添加到图片网址：

.test {
  width: 177px;
  height: 155px;
  background-image: url('https://www.apis-iq.com/wp-content/uploads/2016/10/carousel-apis-software.png');
}

<div class="test"></div>

关于css - 我正在尝试创建 Sprite ，但无法正常工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40255519/