背景画像を上書きする

Question

私はCSSファイルに画像を定義しました。私はhtmlで上書きしたいと思います。私は、HTMLファイル内の "banner.jpg" 画像を変更したい

ファイル、CSS

.wrapper.style3 { 
     background-attachment: fixed; 
     background-image: url("../images/overlay.png"), url("../images/banner.jpg"); 
     background-position: center center; 
     background-size: cover; 
    } 

ファイルのHTML

<section id="four" class="wrapper style3 special"> 
     <div class="container"> 
     <header class="major"> 
      <h2>Aenean elementum ligula</h2> 
      <p>Feugiat sed lorem ipsum magna</p> 
     </header> 
     <ul class="actions"> 
      <li><a href="#" class="button special big">Get in touch</a></li> 
     </ul> 
     </div> 
    </section> 

。

Answer 1

使用インラインスタイル、style='background-image: url(...),url(...)'

<section id="four" class="wrapper style3 special" style="background-image: url(...), url(...)"> 
    <div class="container"> 
    <header class="major"> 
     <h2>Aenean elementum ligula</h2> 
     <p>Feugiat sed lorem ipsum magna</p> 
    </header> 
    <ul class="actions"> 
     <li><a href="#" class="button special big">Get in touch</a></li> 
    </ul> 
    </div> 
</section>