用纯css怎么做input按钮鼠标经过效果?不想用onMouseOver方法
用hover来做这个效果,在ie8.0、火狐都可以实现,但是在ie6中不行!如何解决?或者有其他办法可以实现?(不用onMouseOver)代码如下:<styletype...
用hover来做这个效果,在ie8.0、火狐都可以实现,但是在ie6中不行!如何解决?或者有其他办法可以实现?(不用onMouseOver)
代码如下:
<style type="text/css">
<!--
input{ background:#ccc;}
input:hover{ background:#006699; color:#fff;}
-->
</style>
<input type="button" value="按钮"/> 展开
代码如下:
<style type="text/css">
<!--
input{ background:#ccc;}
input:hover{ background:#006699; color:#fff;}
-->
</style>
<input type="button" value="按钮"/> 展开
4个回答
展开全部
ie6无法实现hover状态效果,本身IE6是不支持的,只能使用其他方式实现:
1、csshover.htc可以实现,稍嫌麻烦。具体可以点击这里了解:http://www.divcss5.com/css-hack/c528.shtml
2、jq方法,这个网上很多,自己百度一下吧。
1、csshover.htc可以实现,稍嫌麻烦。具体可以点击这里了解:http://www.divcss5.com/css-hack/c528.shtml
2、jq方法,这个网上很多,自己百度一下吧。
展开全部
只需要再添加一个a:hover{}样式就可以解决这个问题了,里面可以是zoom, padding, margin等属性.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
我估计是ie6只支持a标签的hover.
你试试把input 用 a 包装起来,然后下面的样式写?
a>input{ }
a:hover>input{ }
你试试把input 用 a 包装起来,然后下面的样式写?
a>input{ }
a:hover>input{ }
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
2012-09-20
展开全部
别管ie6了。。。
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询