背景图片用css能隐藏吗,用css实现鼠标悬停时隐藏背景图片的问题

用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部分结束============*/

展开

全部

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值