Question

但是，英雄背景图像不会显示。 HTML就在那里，风格也是（按钮）。起初有一个旋转木马，第一张图片不起作用，所以我尝试做一个英雄。

为什么我不能在实时服务器上工作？该映像确实出现在localhost服务器中。

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;
}

Answer 1

.hero类中引用的背景图片无效。它所指的网址是“http://suplehoteles.com/assets/img/bathtub-alt.JPG”。检查背景图片的网址。

Answer 2

你可以尝试一下：

.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; }

当站点上传到服务器时，没有显示英雄背景图像？

2 个答案: