Question

我有一个带

的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文件中的图像没有出现，而是没有图像显示。谁能告诉我我做错了什么？

Answer 1

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

＆＃13;

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

＆＃13;

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

＆＃13;

我正在尝试创建精灵，但它不起作用

1 个答案: