用css样式怎样实现鼠标放在背景图片上,背景图片的颜色改变?
1个回答
展开全部
给你2个解决方案:
1、
<div class="bg" onmouseover="this.className='bg_hover'" onmouseout="this.className='bg'"></div>
<style type="text/css">
.bg{ background:red; width:100px; height:50px;}
.bg_hover{ background:black; width:100px; height:50px;}
</style>
2、
<div class="bg" ></div>
<style type="text/css">
.bg{ background:red; width:100px; height:50px;}
.bg:hover{ background:black; width:100px; height:50px;}
</style>
1、
<div class="bg" onmouseover="this.className='bg_hover'" onmouseout="this.className='bg'"></div>
<style type="text/css">
.bg{ background:red; width:100px; height:50px;}
.bg_hover{ background:black; width:100px; height:50px;}
</style>
2、
<div class="bg" ></div>
<style type="text/css">
.bg{ background:red; width:100px; height:50px;}
.bg:hover{ background:black; width:100px; height:50px;}
</style>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询