菜單圖標不顯示

Question

我已經創建了一個導航菜單，並且我想將所有內容設置爲百分比，因爲它應該是響應式的。這似乎是背景圖片不顯示圖標，也許是因爲它是一個百分比？

Here is the fiddle link

這裏是直接的CSS與圖像類：

.account { 
    background-image: url('https://jsfiddle.net/35xgfb9o/); 
    background-size: 100% 100%; 
    background-repeat: no-repeat; 
} 

Answer 1

你忘報價在URL值的末尾。

background-image: url('../images/http://www.psdgraphics.com/file/retro-tv-icon.jpg'); 

URL可能有是沒有../images

background-image: url('http://www.psdgraphics.com/file/retro-tv-icon.jpg'); 

，最後一個問題是，.icon具有零高度。背景顯示，但只在這個高度（=你什麼都看不到）。也添加圖標高度。

.icon {height: 20px} 

Answer 2

您必須在.icon元素上指定height。
你忘報價上.account類

像這樣：

.icon { 
    text-align:center; 
    width:50%; 
    height: 25px; 
} 

Answer 3

工作小提琴 - https://jsfiddle.net/35xgfb9o/14/

<li class="icon account"> 
    <div ><p>My Account</p></div> 
</li> 

你有一對夫婦從錯誤的URL問題 ， 以留出在url結尾處引用 將您的類應用到空白div - 如果div爲空，則它沒有尺寸，因此背面地面不會顯示 - 您應該將您的課程添加到您的li元素，或者如上面的答案中所述添加高度到您的.icon類