用css做鼠标悬停，但鼠标在div上没有反应？
5个回答
展开全部
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#div1 {
background: red;
width: 100px;
height: 100px;
}
#div1:hover {
color: yellow;
}
</style>
</head>
<body>
<div id="div1">悬浮看效果</div>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#div1 {
background: red;
width: 100px;
height: 100px;
}
#div1:hover {
color: yellow;
}
</style>
</head>
<body>
<div id="div1">悬浮看效果</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
background-color:red 不要写在style里面，这个优先级比样式表里的优先级要高
#div1{}
#div1:hover{}
这样写就行了
#div1{}
#div1:hover{}
这样写就行了
更多追问追答
追问
那么我怎么设置悬停时改变里边的文字呢？
用css做。
追答
#div1 span{display:none}
#div1:hover span{display:inline}
原始文字鼠标经过时改变文字
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
这样的效果最好用jq做才符合标准，你这样写是不对的，本地看有的浏览器可能会实现，但是放到服务器上可就不一定了，标准一点用jq做吧
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
div的鼠标经过消息最好还是用onmouseover，hover是<a>标签中的东西
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
行内样式覆盖了id样式，这个是有样式的优先级别的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（3）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
