CSS雙重背景問題

<!DOCTYPE html> 
<html lang="en"> 
<head> 
<meta name="description" content=""> 
<meta name="author" content=""> 
<title>Main Website</title> 
<link href="css/main.css" rel="stylesheet"> 
</head> 



    <body> 
    <nav> 
    <div> 
     <div> 
      <ul> 
       <li><a class="active" href="index.html">Home</a></li> 
       <li><a href="mens_clothing.html">Mens Clothing</a></li> 
       <li><a href="women_clothing.html">Womens Clothng</a></li> 
       <li><a href="boys_clothing.html">Boys Clothing</a></li> 
      </ul> 
     </div> 

    </div> 

</nav> 


<div class="container"> 

    <div> 


     <div> 

      <div class="accordion"> 
        <ul> 
         <li> 
          <div class="caption"><a href="#">Slide 1</a></div> 
          <a href="#"> 
         <img src='Slider_Image1.jpg'/></a> 
         </li> 

        <li> 
          <div class="caption"><a href="#">Slide 2</a></div> 
          <a href="#"> 
         <img src='Slider_Image2.jpg'/></a> 
         </li> 

        <li> 
          <div class="caption"><a href="#">Slide 3</a></div> 
          <a href="#"> 
         <img src='Slider_Image3.jpg'/></a> 
         </li> 

        </ul> 
      </div> 

      </div> 

      <div> 

       <div class="centre , fade ,"> 
        <div class="thumbnail"> 
        <a href="Nike_Shoes1.html"> 
         <img src="Image1.jpg" alt=""> 
        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <a href="Nike_Trainers.html"> 
         <img src="Image2.jpg" alt=""> 

        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <img src="Image3.jpg" alt=""> 
        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <a href="new.html"> 
         <img src="Mens_Clothing.jpg" alt="Mens Clothing"> 
        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <a href="women_clothing.html"> 
         <img src="Womens_Clothing.jpg" alt="Womens Clothing"> 
        </div> 
       </div> 


       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <a href="boys_clothing.html"> 
         <img src="Boys_Clothing.jpg" alt="Boys Clothing"> 
        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <img src="Converse_clothing.jpg" alt="Converse Clothing"> 
        </div> 
       </div> 

       <div class="centre , fade"> 
        <div class="thumbnail"> 
         <img src="Adidas_clothing.jpg" alt="Adidas Clothing"> 
        </div> 
       </div> 

       </div> 

      </div> 

     </div> 

    </div> 

</div> 


<div> 
    <!-- Footer --> 
    <footer> 



    </footer> 

</div>

CSS雙重背景問題

這裏是一個網站，我開發的代碼，我試圖添加圖像爲背景。我正在尋找的是在網頁的任何一邊添加2張圖片，我不確定如何在嘗試添加圖片作爲背景時如何去解決這個問題。我看到圖片沒有設置爲背景的白色區域，任何幫助表示讚賞。

來源

2016-05-05 A.hussain

最好的辦法是將兩個圖像合併爲一個圖像，然後使用圖像編輯器將合併的圖像設置爲背景。

來源

2016-05-05 15:28:01

只要打開油漆將2張圖像粘在一起並將其用作背景。

來源

2016-05-05 15:58:57

CSS雙重背景問題

回答

相關問題