引導 - 背景圖像不工作

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文件：在CSS目錄/index.html，
• CSS文件：/css/style.css，
• 圖像0​​。

現在，請注意，從HTML/CSS鏈接的所有文件都有相對於它們的路徑。因此，如果您將CSS保存在/css中，那麼CSS img/xxx中的路徑鏈接到/css/img/xxx。如果我猜測正確，這是你的情況改變風格：

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

或

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