幻燈片背景圖片不工作

我正在設計一個包含幻燈片放映的網頁。幻燈片的背景是圖像文件夾中可用的圖像。背景圖片不顯示在幻燈片背景中。我試圖覆蓋我的機器中的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); 
    }

這是什麼問題的原因以及如何解決呢？提前感謝你！

來源

2017-02-16 Mohammed

控制檯中是否有錯誤？ –

在服務器上，您的應用程序是否駐留在子文件夾中（而不是根目錄）？ –

@MathSpinks是的，它在一個子文件夾中，馬特。 – Mohammed

在HTML和CSS文件
刪除style="background:url(../images/slider-bg.png)"可以在不同的目錄下把
檢查，也許slider-bg.png有Uppercse到的域名（滑塊bg.png，滑塊bg.PNG等...）

來源

2017-02-16 19:48:31 grinmax

我已經刪除了壓倒一切的樣式，並加倍檢查圖像名稱。它完全一樣。 – Mohammed

謝謝你，grinmax，對你的善意幫助和建議。它現在已經修復。 – Mohammed

@穆罕默德歡迎）給我'+'積分回答）謝謝 – grinmax

沒有一個例子，它有點難以排除故障，但如果你使用的是柔性滑塊，我猜圖像隱藏在幻燈片後面。一種測試方法是通過設置

<div class="flexslider" style="visibility: hidden;">

在瀏覽器的開發工具中看到圖像實際上存在。

來源

2017-02-16 20:04:33 rawnewdlz

我檢查了它並沒有隱藏起來。在設定了你給出的值之後，我得到了沒有任何圖像的清晰區域 – Mohammed

這很奇怪，好像它會是一個簡單的小錯誤，然後在某些地方。有沒有可能在這裏創建一個功能的例子，或者jsfiddle或codepen？我通過在

中添加背景圖像測試了woopress上的flexslider 2演示，並且它工作正常。 – rawnewdlz

它在本地機器上工作。但是當將內容上傳到服務器時，它不會。這是問題。 – Mohammed

這是在遠離滑塊部分的CSS文件中的錯誤。我修復了它，現在背景圖像正常工作。感謝所有與這個問題交互的人，併爲我提供了找出錯誤的有價值的線索。

來源

2017-02-16 21:06:12 Mohammed

如果沒有整個文件和它們的確切位置，很難回答你的問題，但是有一個小的細節看起來不正確：css文件中的url沒有被（雙）引號包圍。

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

來源

2017-02-16 21:08:11

定義背景URL時，實際上並不需要引號，除非有「特殊字符」。 http://stackoverflow.com/a/2168861/3130549 – rawnewdlz

幻燈片背景圖片不工作

回答

相關問題