引導圖像不可見

我正在嘗試製作徽標，但圖像未顯示出來。有人能告訴我爲什麼它不起作用嗎？爲什麼最小和最大寬度/高度不在這裏工作？引導圖像不可見

HTML

<div class="container-fluid"> 
    <div class="head"> 
     <div class="row"> 
      <div class="col-sm-offset-1 col-sm-2 logo"></div> 
     </div> 
    </div> 
</div>

CSS

.container-fluid { 
    padding: 15px !important; 
} 
.logo { 
    background-image: url("../images/logo.png"); 
    max-width: 400px; 
    max-height: 300px; 
    min-width: 50px !important; 
    min-height: 30px !important; 
}

來源

2017-04-20 Marcin Maicki

你爲什麼不乾脆把實際圖像中出現，而不是將其設置爲背景的？ –

網址是否正確？（如果不是，你會在控制檯上得到404）。您可以添加'background-size：cover'，以便圖像佔用足夠的空間以適應容器內部。有沒有這樣做的理由，而不是實際使用'img'標籤？ –

看起來你的background-img url是錯誤的，確保你有正確的路徑。你可以在那裏查看你的代碼：http：//www.bootply.com/QR8kOyHSfM – Troyer

你就不得不提到background-size屬性爲圖像，以填補在定義的區域。

試試這個，

.logo { 
    background: url("../images/logo.png") no-repeat; 
    background-size : contain; 
    max-width: 400px; 
    max-height: 300px; 
    min-width: 50px !important; 
    min-height: 30px !important; 
}

來源

2017-04-20 09:07:50

引導圖像不可見

回答

相關問題