0

私は Twitter ブートストラップを使用しており、トップ セクションとボトム セクションを持つ 1 ページの Web サイトを持っています。各セクションに異なる背景画像を配置したいと思います。しかし、私はそれを機能させることができないようです - 何か提案はありますか?

ここに私の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);

}

4

2 に答える 2

0

CSSと画像がルートディレクトリにある別々のフォルダにある場合は、次のことを試してください。

#top_section {background-image: url(../images/urban_lights.png);
于 2013-03-03T04:02:15.930 に答える
0

別のセクションに別の背景を割り当てます。

#topSection {
   background-image: url("url/to/image.jpg");
}
#bottomSection {
   background-image: url("url/to/image.jpg");
}
于 2013-03-03T02:49:02.177 に答える