用css实现鼠标悬停在导航文字连接上时隐藏导航的背景图片
为什么我的鼠标悬停在导航上时,背景图片还在啊?
css代码如下:
body{
margin:0;
padding:0;
background:
用css实现鼠标悬停在导航文字连接上时隐藏导航的背景图片
为什么我的鼠标悬停在导航上时,背景图片还在啊?
css代码如下:
body{
margin:0;
padding:0;
background:#000000;
font-family:"宋体";
font-size:12px;
color:#333333;
line-height:150%;}
a{
color:#f5651f;}
a:hover{
color:#FF3399;}
ul{
margin:0;
padding:0;}
ul li{
list-style:none;}
/*============header部分开始============*/
#banner{
margin-left:auto;
margin-right:auto;
width:993px;
height:319px;
background:url(资料/css源文件/源文件/10/images/banner.jpg) no-repeat left top}
#innerbanner{
padding:10px 0 0 85px;}
#title{
float:left;}
#title a{
font-size:16px;
font-weight:bold;
color:#ffffff;
text-decoration:none; }
#title a:hover{
color:#f5651f;}
#url{
float:left;}
#url a{
margin:0 0 0 16px;
color:#ffffff;}
#url a:hover{
color:#f5651f;}
#desc{
clear:left;
color:#FFFFFF;
margin:5px 0 0 20px;}
#menu{
margin-left:auto;
margin-right:auto;
width:993px;
height:166px;
background:url(资料/css源文件/源文件/10/images/menu.jpg);}
#innermenu{
float:right;
width:500px;
margin:10px 0 0 0;}
#mainnav{
float:left;}
#mainnav li{
float:left;
list-style:none;
padding:48px 0 0;}
#mainnav li a{
background-position:center top;
background-repeat:no-repeat;
color:#e7ebef;
text-decoration:none;
padding:48px 12px 0 9px;}
#mainnav li a:hover{
color:#f5651f;
background:none;}
.navhome{background:url(资料/css源文件/源文件/10/images/home.gif) no-repeat;}
.navblog{background:url(资料/css源文件/源文件/10/images/blog.gif) no-repeat;}
.navphoto{background:url(资料/css源文件/源文件/10/images/img.gif) no-repeat;}
.navmusic{background:url(资料/css源文件/源文件/10/images/sound.gif) no-repeat;}
.navprofile{background:url(资料/css源文件/源文件/10/images/profile.gif) no-repeat;}
.navfriend{background:url(资料/css源文件/源文件/10/images/friend.gif) no-repeat;}
.navvideo{background:url(资料/css源文件/源文件/10/images/video.gif) no-repeat;}
.navres{background:url(资料/css源文件/源文件/10/images/img.gif) no-repeat;}
/*=============header部分结束============*/
展开
全部