0

背景画像をdivに適用しようとしていますが、機能しますが、正しく配置できません。

  1. divの上部と背景画像の上部の間にスペースがあります。を追加することで大幅に削減されましたbackground-position: 0;が、それでも多くのピクセルのスペースがあります。
  2. 私はbackground-repeat: x;（明らかにデフォルトの状態です）を幸せにしますが、画像の間に重要なスペースがあります。

これらの問題をどのように解決できますか？

ブートストラップを使用したhtmlコードは次のとおりです。

<div class="row-fluid" id="header">
  <div id="bar" class="row-fluid">
    <div class="span12">
    </div>
  </div>
</div>

CSSコードは次のとおりです。

#bar > .span12{
    position: relative;
    border-top: 3px solid black;
    border-bottom: 3px solid black;
    margin-bottom: 10%;
    height: 8%;
    background-image:url('../img/ban.png');
    background-repeat:repeat-x;
    background-position:0;
}

これが私が得る結果です：

これが私が得た結果です

ありがとう ！

4

2 に答える 2

0

試してみましたbackground-position:0 !important;か？多分それが上書きされているプロパティ。

于 2012-12-04T19:01:30.480 に答える
0

この画像は少し壊れていました。解決策が見つからなかったという理由だけで別の画像を試してみましたが、背景が透明である可能性があります。わかりませんが、画像から取得したものです...

于 2012-12-28T10:51:28.567 に答える