菜单上的图片

Question

我想放一个＆＃34; Home＆＃34;在我的下面的菜单上的图片，但似乎我没有正确的方式，因为它看起来像一个空白的方块。 （我已经尝试过使用.png和.jpg）

这是我正在使用的代码：

<div id='cssmenu'>
        <link rel="stylesheet" type="text/css" href="menucss.css" media="screen">
        <ul>
            <li class='active'><a href='index.html'><span><img src="Imgs/Home-icon.png"></span></a></li>
            <li><a href='shows.html'><span>Shows</span></a></li>
            <li><a href='blog.html'><span>Blog</span></a></li>
            <li><a href='loja.html'><span>Loja do Fã</span></a></li>
            <li><a href='faq.html'><span>Perguntas Frequentes</span></a></li>
        </ul>
    </div>

Answer 1

您需要更改有效类的CSS，以包含背景图片。

active
{
background-image:url("Iimgs/Home-icon.ico");
background-repeat:repeat-x;
background-size: 20px 20px; //here you put the size you want for the background
}

不确定您是否可以使用.ico文件，但请尝试一下：）