Firefox';能见度';财产窃听器?

Firefox';能见度';财产窃听器?,firefox,visibility,Firefox,Visibility,我有一些div(class=“box”)和段落标记中的一些文本。我想要的是文本不可见,除非悬停 然而,情况却很奇怪。当我使用: .box p{可见性:隐藏;} .BOX p:悬停{可见性:可见;} 文本是隐藏的,但悬停时不可见 当我尝试时: .box p{可见性:可见;} .boxes p:悬停{可见性:隐藏;} 文本将(片刻后)消失,但如果光标移动,“闪烁” 知道这是怎么回事吗?Firefox经常自动更新,所以我相信我运行的是最新版本 谢谢 通过使框不可见,选择器将停止匹配框,从而使框可见,然

我有一些div(class=“box”)和段落标记中的一些文本。我想要的是文本不可见,除非悬停

然而,情况却很奇怪。当我使用: .box p{可见性:隐藏;} .BOX p:悬停{可见性:可见;} 文本是隐藏的,但悬停时不可见

当我尝试时: .box p{可见性:可见;} .boxes p:悬停{可见性:隐藏;}
文本将(片刻后)消失,但如果光标移动,“闪烁”

知道这是怎么回事吗?Firefox经常自动更新,所以我相信我运行的是最新版本


谢谢

通过使框不可见,选择器将停止匹配框,从而使框可见,然后使原始选择器再次匹配框,您将从无休止的循环中获得闪烁

如果希望框仍然可以悬停,请为它们指定另一个父元素并隐藏它们:

.boxes .parent:hover p {
    visibility: hidden;
}
或在悬停时为框设置零不透明度:

.boxes p:hover {
    opacity: 0;
}

发布你的HTML并尝试在yup上复制问题-在那里做同样的事情。。。现在怎么办。。。?我有点傻。如果你还想让我做什么,我可能会错过的。谢谢你把小提琴的链接贴在这里?当然,顺便说一下,我上面用文字描述的同样的问题也会以同样的方式发生在图像上谢谢!我会尝试一下,然后再给你回复。你能推荐一个来源来解释“匹配”吗,比如它适用于这里?这对我来说是一个新概念。不透明解决方案似乎有效,尽管我仍在努力理解您描述的问题。本专栏似乎谈到了这个问题—关于在使用visibility属性时功能的损失:。。。还有什么想法吗?