2014-05-06 115 views
0

我剛剛上傳這個網站:http://suplehoteles.com/網站上傳到服務器時不顯示英雄背景圖像?

但是,英雄背景圖像不會顯示。 HTML在那裏,樣式也一樣(按鈕)。 起初有一個旋轉木馬,第一個圖像沒有工作,所以我嘗試做一個英雄,而不是。

任何想法,爲什麼我不在現場服務器工作?該圖像確實出現在本地主機服務器中。

HTML

<div class="hero"> 
    <div class="container"> 
    <div class="row"> 
     <div class="col-xs-12 col-md-12 col-lg-12 col-sm-12"> 
     <h1 class="carousel-title">Suplimos</h1> 
     <p class="textLeft carousel-text">Importadores directos de productos premium de acabados arquitectónicos, diseño y equipamiento. <br><br>Maderas inteligentes, loza, grifería, accesorios, mobiliario, comercial, residencial, luminarias led, muebles de exterior, y decks para hoteles y proyectos.</p> 
     <a href="contacto.html" class="smoothScroll button-carousel button btn btn-cotizar">Cotizar</a> 
     <a href="#section-2" class="smoothScroll button-carousel button btn btn-producto">Ver productos</a> 
     </div> 
    </div> 
    </div> 
</div> 

CSS

.hero{ 
    width: 100%; 
    padding: 150px 0 150px 0; 
    background: url(../assets/img/bathtub-alt.JPG) no-repeat center right; 
    @include background-cover; 
} 

回答

1

這是在.hero類參考背景圖像是無效的。它所指的網址是「http://suplehoteles.com/assets/img/bathtub-alt.JPG」。檢查背景圖片的網址。

+0

我想這樣做,它並不能工作。在此期間,我添加了背景色後備。任何其他想法? –

0

,您可以嘗試:

.hero{ width: 100%; padding: 150px 0 150px 0; background: url(http://suplehoteles.com/assets/img/bathtub-alt.JPG) no-repeat center right; @include background-cover; }