Firefox'可见性'属性错误？

Question

我有一些div（class =＆＃34; box＆＃34;），段落标签中有一些文字。我喜欢的是除非徘徊，否则文本是不可见的。

然而，事情表现得很奇怪。我用的时候： .boxes p {visibility：hidden;} .boxes p：hover {visibility：visible;} 文本被隐藏但在悬停时不会显示。

当我尝试时： .boxes p {visibility：visible;} .boxes p：hover {visibility：hidden;}
文本会（片刻之后）消失，但是会闪现＆＃39;如果光标完全移动。

知道这里发生了什么吗？ Firefox经常自动更新，所以我相信我正在运行最新版本。

谢谢！

Answer 1

通过使框不可见，选择器停止匹配它们，这使它们可见，然后使原始选择器再次匹配它们，并从无限循环中获得闪烁。

如果你想让你的盒子仍然可以悬空，或者给它们另一个父元素并隐藏它们：

.boxes .parent:hover p {
    visibility: hidden;
}

或者在悬停时给出零不透明度：

.boxes p:hover {
    opacity: 0;
}