需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<style>标签中，输入css代码：a:hover{color: black}。
3、浏览器运行index.html页面，此时a标签点击时的背景色成功被去掉了。
你把class="navhome"写在<li>里面，<a>就没有图片了的。所以你看到的其实是<li>的背景图片！
你自己写的代码，看到的背景图片，其实是<li>里面的背景图片，而<a>根本一直没有背景图片的！
所以，就算你写了，让鼠标方式去后，让<a>没有背景图片，但是，由于<a>后面的<li>一直有背景图片，所以我们一直都看到背景图片。
修改下这里就可以了：
<li><a href="#" class="navhome">首页</a></li>
<li><a href="#" class="navblog">日志</a></li>
<li><a href="#" class="navphoto">相册</a></li>
<li><a href="#" class="navmusic">音乐</a></li>
<li><a href="#" class="navprofile">档案</a></li>
<li><a href="#" class="navfriend">交友</a></li>
<li><a href="#" class="navvideo">视频</a></li>
<li><a href="#" class="navres">资源</a></li>
把下面代码放在你的按钮里。style="filter:alpha(opacity=0)-moz-opacity:0opacity: 0"
如：<a href="#" style="filter:alpha(opacity=0)-moz-opacity:0opacity: 0">添加</a>
