5

私のCSSマークアップ:

.rowbgi {
    background-image:url('img/gradient.png');
    background-color:#cccccc;
}

私のHTMLマークアップ:

    <div class="span4 rowbgi">
      <img class="img-circle" data-src="holder.js/140x140">
      <h2>Heading</h2>
      <p>Stack Overflow</p>
      <p><a class="btn" href="#">View details </a></p>
    </div><!-- /.span4 -->

背景画像は見えませんが、背景に色が見えます。画像はパスで使用できます。

誰かが私がやっているばかげた間違いを教えてもらえますか?

4

4 に答える 4

11

あなたがそれを見せなかったので(例えばjsfiddle; Pで)、誰もあなたが何をしているのかわかりませんが、私の最初の推測はあなたが次のファイル構造を持っているということです:

  • ルートディレクトリのHTMLファイル:/index.html
  • cssディレクトリのCSSファイル:/css/style.css
  • の画像/img/gradient.png

ここで、HTML / CSSからリンクされているすべてのファイルには、それらに相対的なパスがあることに注意してください。したがって、CSSをに保持する場合、/cssCSSのパスはにimg/xxxリンクし/css/img/xxxます。私が正しく推測していて、これがあなたの場合である場合は、スタイルを次のように変更します。

background-image:url(/img/gradient.png);

また

background-image:url(../img/gradient.png);
于 2013-01-15T16:07:32.150 に答える
0

CSS を使用して画像を読み込むには、画像ファイルを CSS フォルダー内に保存する必要があります (外部スタイル シートを使用している場合)。たとえば、 URL を使用する場合image.jpg、CSS は CSS フォルダー内でそのファイルを探します。CSS マークアップは、CSS フォルダー内に呼び出されるサブフォルダーがあることを CSS に伝えていimgますが、おそらくそうではありません。

于 2020-05-12T04:00:30.387 に答える