ブートストラップ -

Question

私の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 --> 

は、私は、背景画像を見ることができないのですが、色はバックグラウンドで見られています。画像はパスで利用可能です。

誰かが私がやっている愚かな間違いを教えてもらえますか？

Answer 1

誰もあなたがそれを示さなかったので、あなたが（。例えばjsfiddleで; P）、何をしているか知らないが、私の最初の推測では、次のしたことのファイル構造である：ルートディレクトリに

• HTMLファイル： /index.html,
• CSSディレクトリのCSSファイル：/css/style.css、
• イメージは/img/gradient.pngです。

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

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

または

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