2014-05-06 153 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; }