为什么我的幻灯片背景图片不显示？

Question

为什么我的幻灯片背景图片不显示？问题不在于它编码的文件路径。

当幻灯片出现时，由于图像没有显示，我现在不想显示我的图像。

/* Styling and fetching IMG */

.slide-1 {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url('media/image/slider/audi-black-car-8639.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

<div id="rev_slider_wrapper" class="rev_slider_wrapper fullwidthbanner-container">
  <div id="rev_slider" class="rev_slider fullwidthabanner" style="display:none;" data-version="5.0.7">
    <ul>
      <li data-index="slide-1" data-transition="fade" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="500" data-rotate="0" data-delay="6000">
        <img class="pic_slide_one" alt="slide-1" data-bgfit="cover" data-bgposition="center bottom">

Answer 1

检查以下代码是否正常工作。请在html中将css添加到class属性中，并确保display是block而不是none。

.slide-1 {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.65), rgba(0, 0, 0, 0.65)), url('media/image/slider/audi-black-car-8639.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

<div id="rev_slider_wrapper" class="rev_slider_wrapper fullwidthbanner-container">
  <div id="rev_slider" class="rev_slider fullwidthabanner" style="display:block;" data-version="5.0.7">
    <ul>
      <li class ="slide-1" data-index="slide-1" data-transition="fade" data-slotamount="1" data-easein="default" data-easeout="default" data-masterspeed="500" data-rotate="0" data-delay="6000">
        <img class="pic_slide_one" alt="slide-1" data-bgfit="cover" data-bgposition="center bottom">