IE9下css伪对象 :hover没有效果啊，求解答！
.button{margin:4px;padding:4px12px;background:#CCCCCC;}.button:hover{color:#33B5E5;cu...
.button {
margin: 4px;
padding: 4px 12px;
background: #CCCCCC;
}
.button:hover {
color: #33B5E5;
cursor: pointer;
}
我在jsp中的代码<span class="button">搜 索</span>，IE9下当鼠标滑过时一点反应也没有，但chrome和firefox有效果，这是怎么回事？另外还有:focus和:active用在伪类上IE9都没有效果，按理说IE9是支持这些效果的啊，是我哪里写错了吗？谢谢！！ 展开
margin: 4px;
padding: 4px 12px;
background: #CCCCCC;
}
.button:hover {
color: #33B5E5;
cursor: pointer;
}
我在jsp中的代码<span class="button">搜 索</span>，IE9下当鼠标滑过时一点反应也没有，但chrome和firefox有效果，这是怎么回事？另外还有:focus和:active用在伪类上IE9都没有效果，按理说IE9是支持这些效果的啊，是我哪里写错了吗？谢谢！！ 展开
4个回答
展开全部
ie以前是只支持超链接a上面的伪类样式，好像是在css3出来之后才ie9才开始支持其他元素上的伪类样式，所以你要么把文档申明<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">改成<!DOCTYPE HTML>,变成html5的声明,这样就支持css3了，或者在你的按钮外再包裹一个父级a连接。再把上面的样式改成这个a连接的样式。
<a><span class="button">搜 索</span></a>
<a><span class="button">搜 索</span></a>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你确定没有吗？我给你试了下，都有啊，不仅IE9有，IE7,8也有啊。你把我的代码复制下试试！不行的话再问。
----------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.button {
margin: 4px;
padding: 4px 12px;
background: #CCCCCC;
}
.button:hover {
color: #33B5E5;
cursor: pointer;
}
</style>
</head>
<body>
<span class="button">搜索</span>
</body>
</html>
----------------------------------------------------------------------------------------------------------------------
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
.button {
margin: 4px;
padding: 4px 12px;
background: #CCCCCC;
}
.button:hover {
color: #33B5E5;
cursor: pointer;
}
</style>
</head>
<body>
<span class="button">搜索</span>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
有没有声明文档类型? 试试在网页第一行加上
<!DOCTYPE html>
<!DOCTYPE html>
追问
有的
追答
这个问题倒也奇怪,试试在IE下按F12,修改一下兼容模式.目前没有IE9浏览器,无法帮你测试.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用jquery吧 简单省事还兼容
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
