css - 全 slider Bootstrap 中的图像背景

Question

我正在使用 Full Slider bootstrap here当我用文件夹中的图像替换图像 url 时，它不起作用。

image:url('http://placehold.it/1900x1080&... One') 

由

<img class="fill" src="background:url(./img/header.jpg)"></img>

在 Bootstrap 页面上，有些人遇到了同样的问题，即使我尝试了不同的解决方案 ../img 或/img，它也不起作用。

有人有想法吗？

谢谢

这里是Bootstrap的源码，我改了

                <div class="fill" style="background-image:url('http://placehold.it/1900x1080&text=Slide One');"></div> 

通过

<div class="fill" src="img/header.jpg"></div>  

    <header id="myCarousel" class="carousel slide">
        <!-- Indicators -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>

        <!-- Wrapper for Slides -->
        <div class="carousel-inner">
            <div class="item active">
                <!-- Set the first background image using inline CSS below. -->
                <div class="fill" style=""></div>
                <div class="fill" src="img/header.jpg"></div>
                <div class="carousel-caption">
                    <h2>Caption 1</h2>
                </div>
            </div>
   
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#myCarousel" data-slide="prev">
            <span class="icon-prev"></span>
        </a>
        <a class="right carousel-control" href="#myCarousel" data-slide="next">
            <span class="icon-next"></span>
        </a>

    </header>

Answer 1

让它在本地工作:

<div class="fill" style="background-image: url('img/picture.jpg')"></div>

在包装 DIV 内部

<!-- Wrapper for Slides -->
<div class="carousel-inner">
  <div class="item active">
    <!-- Set the first background image using inline CSS below. -->
       <div class="fill" style="background-image: url('img/picture.jpg')"></div>
        <div class="carousel-caption">
        <h2>Caption 1</h2>
   </div>
</div>