加載背景圖像的圖像不顯示

我真的很困惑，我試圖創建一個圖標和一些按鈕的登陸頁面，但我無法設置使背景圖像我用顯示出來，即使它根據Chrome的開發套件加載背景圖像的圖像不顯示

裝我只有這些行：

的index.html

<!DOCTYPE html> 
<html lang="fr"> 
<head> 
<meta charset="UTF-8"/> 
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
<link rel="stylesheet" type="text/css" href="css/style.css"> 
</head> 
<body> 
<div class="row"> 
    <div class="tryhard"> 
    </div> 
</div> 
<!-- Chargement des scripts --> 
<script type="text/javascript" src="js/jquery.min.js"></script> 
<script type="text/javascript" src="js/bootstrap.min.js"></script> 
<script type="text/javascript" src="js/script.js"></script> 
</body> 
</html>

的style.css

.tryhard{ 
    background: url(../img/guitare.jpg) no-repeat center center; 
    margin:0; 
    padding:0; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

這應該是足以讓我的形象出現，但它不會出現在我的任何瀏覽器，而我可以看到它在其他網站上的工作... 我的形象權重924 KO，其尺寸爲2304x1536像素...

有沒有人有想法？

謝謝

來源

2016-03-01 Jaeger

如果您將寬度和高度設置爲'.tryhard' div，該怎麼辦？ – Bart

因爲我沒有足夠的評論聲望，我會在這裏發佈。

Jsfiddle

.row { 
    height: <define height here>; 
} 

height: 100%;

高度：100％將使得它的高度相同的父元素，這是 '行'。

歡呼聲

來源

2016-03-01 22:54:35

非常感謝你！ – Jaeger

tryhard div缺少尺寸（寬度，高度）。設置一些值的高度和寬度或添加一些內容（目前它是一個空的div沒有填充，所以它是0 x 0），你會看到你的背景圖片

來源

2016-03-01 22:22:19 glutengo

謝謝你的回答，有沒有辦法將圖像設置爲最大值，如高度：100％或其他？ – Jaeger

你是什麼意思？父div（行）的高度或圖像的邊界（2304x1536）？ – glutengo

讓我們說父母的div，我怎麼能這樣做？ – Jaeger

加載背景圖像的圖像不顯示

回答

相關問題