1

に背景を設定するにはどうすればよいですdivか? 次のようなブロックがあります:`

<div class="span4">
   <font color="000000">
      <h4 class="text-center">This is the title</h4>
      <p>This is my text</p>
      <a href="#" class="btn btn-success">
      <i class="icon-star icon-white"></i> This is my button</a>
   </font>
</div>

このブロック全体に背景画像を持たせたいのですが、試してみると (すでに 6 つの異なる方法を試しました)、まったく機能しないか、ボックス全体が塗りつぶされないか、ページ全体が塗りつぶされます。

JoshC の CSS 関連の回答を使用した後、この問題が発生しました。画像では背景を見ることができますが、必要な領域全体に広がっていません。「ホーム」の青いハイライトの左端までのサイドバーは、別の画像 (まだ設定されていません) であり、残りは表示される画像になります。 これがイメージです

私が望むもう1つのことは、複数のdivに適用される背景ですが、すべてではありませんが、それはオプションです...

どんな助けでも大歓迎です。

4

4 に答える 4

0

次のように適用しbackground-imageます。

.span4 {
    background-image: url(http://example.com/image.png);
}

jsFiddle デモ

または.. HTML 内のスタイルは次のようになります。

<div class="span4" style="background-image: url(http://example.com/image.png);"></div>

jsFiddle デモ

明らかに、URL を既存の画像に変更する必要があります。

backgroundここでプロパティの仕様を参照してください: https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

于 2013-09-28T04:32:25.907 に答える
0
.span4
{
background-image:url('your image path');/* by this image set*/
background-color:#cccccc;/* and can use color*/
}
于 2013-09-28T04:32:44.833 に答える