覆盖背景图片

Question

我在 css 文件中定义了一个图像。我想在 html.

中覆盖它

文件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>

我想更改 html 文件中的 "banner.jpg" 图像。

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>

覆盖背景图片

Override background image

html

background-image