当前位置: 代码迷 >> Web前端 >> 鼠标放在按钮下按钮变色
  详细解决方案

鼠标放在按钮下按钮变色

热度:197   发布时间:2012-08-22 09:50:35.0
鼠标放在按钮上按钮变色

下面是部分代码

html:

<div class="MP_sbtn">
	<a href=""><span>修   改</span></a>
</div>
<div class="MP_cbtn">
	<a href=""><span>取   消</span></a>
</div>

?css:

.MP_sbtn a span,.MP_cbtn a span{
	background-image: url("../images/default_btn.jpg");
	width: 58px;
	height: 23px;
	cursor: pointer;
}
.MP_sbtn a:hover span,.MP_cbtn a:hover span{
	background-image: url("../images/changed_btn.jpg");
	width: 58px;
	height: 23px;
}
?如果不用span,直接就是.MP_sbtn:hover,那么在ie下不会变色,所以用span来解决这个问题。

?

  相关解决方案