javascript - 幻灯片背景图像不起作用

Question

我正在设计一个包含幻灯片的网页。幻灯片的背景是图像文件夹中可用的图像。背景图像不显示在幻灯片背景中。我试图覆盖我机器中的 CSS 文件，它出现了。但是，当我将内容上传到服务器时，背景图像并没有出现。下面是 html 代码和 css 选择器:

<div style="background:url(../images/slider-bg.png)" class="slideshow">
   <div class="row">
     <div class="large-12 twelve columns">
       <section class="slider">
         <div class="flexslider">
            <ul class="slides">
                  <li><img src="images/slider/1.jpg"alt=""></li>
                  <li><img src="images/slider/2.jpg" alt=""></li>
                  <li><img src="images/slider/3.jpg" alt=""></li>
                  <li><img src="images/slider/4.jpg" alt=""></li>
                  <li><img src="images/slider/5.jpg" alt=""></li>
                  <li><img src="images/slider/6.jpg" alt=""></li>
                  <li><img src="images/slider/7.jpg" alt=""></li>
                  <li><img src="images/slider/8.jpg" alt=""></li>
                  <li><img src="images/slider/9.jpg" alt=""></li>
         </ul>
    </div>
  </section>
</div>

`

这是CSS代码:

 .slideshow {
          margin:0;
          background:url(../images/slider-bg.png);
   }

出现这个问题的原因是什么，如何解决？非常感谢您!

Answer 1

1. 删除html中的style="background:url(../images/slider-bg.png)"，css文件可以放在不同目录下

2. 检查，也许 slider-bg.png 的名称中包含 Uppercse(Slider-bg.png、slider-bg.PNG 等...)