html+css 鼠标经过a区域时，显示隐藏区域（b区域）并自身改变背景，且鼠标移至b区域时，改变的背景不变
新手请教高手，代码如下，其效果在代码下面的图片里：<head><styletype="text/css">.nav{width:160px;}a{display:bloc...
新手请教高手，代码如下，其效果在代码下面的图片里：
<head>
<style type="text/css">.nav{ width:160px;} a{ display:block; width:100px; padding:3px 30px; background:#545652 url(phone.png) no-repeat 10px 5px; } a:link,a:visited{ color:#fff; text-decoration:none; } a:hover{ color:#8B8B8B; background:#EFEFEF url(phone.png) no-repeat 10px -30px; } .code{ display:none; width:300px; height:90px; background:#EFEFEF; } .nav.on .code{ display:block; }</style></head><body><div class="nav" onmouseover="this.className='nav on';" onmouseout="this.className='nav';"> <a href="#">下载</a> <div class="code">二维码</div> </div></body>
请帮忙看看，该如何修改代码，才能达到要求的效果？ 展开
<head>
<style type="text/css">.nav{ width:160px;} a{ display:block; width:100px; padding:3px 30px; background:#545652 url(phone.png) no-repeat 10px 5px; } a:link,a:visited{ color:#fff; text-decoration:none; } a:hover{ color:#8B8B8B; background:#EFEFEF url(phone.png) no-repeat 10px -30px; } .code{ display:none; width:300px; height:90px; background:#EFEFEF; } .nav.on .code{ display:block; }</style></head><body><div class="nav" onmouseover="this.className='nav on';" onmouseout="this.className='nav';"> <a href="#">下载</a> <div class="code">二维码</div> </div></body>
请帮忙看看，该如何修改代码，才能达到要求的效果？ 展开
2个回答
展开全部
.on a{color:#8B8B8B;
background:#EFEFEF url(phone.png) no-repeat 10px -30px;}
加个这个就好了，因为你写了鼠标经过的时候添加了个当前样式，给当前样式下的a添加颜色。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
