twitter引導兩個部分的背景圖像

我使用的是Twitter引導，並且我有一個帶有頂部和底部的單頁網站。我想在每個部分放置不同的背景圖像;然而，我似乎無法讓它工作 - 有沒有什麼建議？twitter引導兩個部分的背景圖像

這裏是我的HTML：

<section class="container-fluid"> 
<div class="row-fluid"> 
    <div class="span4 offset4"> 
    <br /> 
     <img src="images/logo.png" width="400" height="400" image alt="image" /> 
    </div> 
</div> 
<div class="row12"> 
    <h3><p class="text-center"></p></h3> 
    <h4><p class="text-center"></p></h4> 
    <h4><p class="text-center"></p></h4> 
    <br /> 
    <br /> 
</div> 
<div class="row-fluid"> 
<ul class="thumbnails"> 
    <li class="span1 offset4"> 
     <a href="#" class="thumbnail"> 
      <img src="images/MAIL_icon.png" width="50" height="50" image alt="image" /> 
     </a> 
    </li> 
    <li class="span1"> 
     <a href="#" class="thumbnail"> 
      <img src="images/DRIBBBLE_icon.png" width="50" height="50" image alt="image" /> 
     </a> 
    </li> 
    <li class="span1"> 
     <a href="#" class="thumbnail"> 
      <img src="images/TWITTER_icon.png" width="50" height="50" image alt="image" /> 
     </a> 
    </li> 
    <li class="span1"> 
     <a href="#" class="thumbnail"> 
      <img src="images/INSTAGRAM_icon.png" width="50" height="50" image alt="image" /> 
      </a> 
     </li> 
    </ul> 
</div> 
</section>

和我的CSS：

#top_section {background-image: url(images/urban_lights.png);

}

來源

2013-03-03 Looneyviticus

分配不同的背景，不同的部分。

#topSection { 
    background-image: url("url/to/image.jpg"); 
} 
#bottomSection { 
    background-image: url("url/to/image.jpg"); 
}

來源

2013-03-03 02:49:02 Starx

Starx感謝您的快速回復。我將如何使圖片全寬？另外，我得到無效標記「因爲它說它重疊????」 – Looneyviticus 2013-03-03 03:01:35

@ user2127994。顯示你的代碼。 – Starx 2013-03-03 03:33:24

如果你的CSS和圖像在根目錄下試發現單獨的文件夾：

#top_section {background-image: url(../images/urban_lights.png);

來源

2013-03-03 04:02:15 TDNS

twitter引導兩個部分的背景圖像

回答

相關問題