IE9下css伪对象 :hover没有效果 20
.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是支持这些效果的啊，是我哪里写错了吗？求解答！！ 展开
7个回答
展开全部
把span换成a，然后那个.button:hover换成a.button:hover试试
追问
为什么在html里面这些效果IE9都支持，弄到jsp页面里就不支持了呢？
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
亲，很高兴为你解答，你的代码写的有问题，你看看我写的这个检索功能吧，
http://sekailocal.com/ 右上角检索功能的HTML+CSS
很高兴能帮助到你，如果有问题的话，可以继续追问我，很高兴为你解答。
http://sekailocal.com/ 右上角检索功能的HTML+CSS
很高兴能帮助到你，如果有问题的话，可以继续追问我，很高兴为你解答。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你确定没有吗？我给你试了下，都有啊，不仅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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你 把 span 换 成 A 标签 或者 div标签 应该 就可以 了！
更多追问追答
追问
A标签是可以的，但我不想用A标签，div标签不行
追答
你 还 就 要 用 span 啊？ 比如 用 什么 font 了 什么的，好有 尽量 不要 用 button 这样 敏感的 的 去单写一个样式，换 个别的 名字，把 span 标签 换了，或者 给span display:black; 试试
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你 把 span 换 成 A 标签 或者 div标签 应该 就可以 了！
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
