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>

我想改变＆＃34; banner.jpg＆＃34; html文件中的图像。

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>

覆盖背景图像

1 个答案: