【发布时间】：2018-05-17 03:00:41
【问题描述】：
我想在页面上隐藏一些评分文本，直到我将鼠标悬停在它上面。
我是新手 css + javascript 编码器，我在查看网页时正在测试一些 css 覆盖代码（例如，使用带有 stylebot 扩展的 chrome 浏览器），这意味着您只能修改 css。我没有找到使用 css visibility 属性执行此操作的方法，但使用 opacity 可以正常工作，请参阅下面显示的代码。当我将鼠标悬停在该区域上时，我找不到任何解释为什么 css visibility 不会改变的东西。只是好奇是否有人可以解释一下。是否可以仅在 css 中使用 visibility？
如果我通过 javascript 进行 visibility 更改，这种行为是否与纯 css 相同？我在 stackoverflow.com 上看到了几个问题，询问了哪些类似的问题，但确实遵循了这些问题。只是好奇。
（编辑：我首先尝试了display，然后尝试了visibility。我意识到空间保持可见性但禁用了悬停？）。
<!DOCTYPE html>
<html>
<head>
<style>
div.mydiv1 {
visibility:hidden;
}
div.mydiv1:hover {
visibility:visible;
}
div.ratingValue {
opacity: 0
}
div.ratingValue:hover {
opacity:1;
}
</style>
</head>
<body>
Opacity:
<div class=ratingValue>
Opacity example
<p />
</div>
Visibility:
<div class=mydiv1>
Visibility example
</div>
</body>
</html>
【问题讨论】：
-
对不起，我的意思是可见性属性不显示。我会调整问题谢谢@ovokuro
-
感谢@JemiSalo 解释了它，我认为这对于 javascript 没有什么不同。
-
我投票结束问题我希望这意味着回答不是删除。
标签： javascript html css