菜单图标不显示

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类