Css 可能的错误:Firefox中的活动选择器?
我编译了不同的方法来实现纯CSS的点击和显示,我不确定是否在Firefox中发现了bug。html代码是:Css 可能的错误:Firefox中的活动选择器?,css,firefox,click,css-selectors,Css,Firefox,Click,Css Selectors,我编译了不同的方法来实现纯CSS的点击和显示,我不确定是否在Firefox中发现了bug。html代码是: <span id="show6" class="show6"></span> <div id="cont6">Ipsum Lorem</div> (你可以在中看到它的作用。不要太注意注释,因为它们是针对我的,但不要真正解释示例) 如果我理解:active,效果应该只在按下span时出现,并且在释放span的那一刻效果应该停止,但是在Fire
<span id="show6" class="show6"></span>
<div id="cont6">Ipsum Lorem</div>
(你可以在中看到它的作用。不要太注意注释,因为它们是针对我的,但不要真正解释示例)
如果我理解:active,效果应该只在按下span时出现,并且在释放span的那一刻效果应该停止,但是在Firefox中,在释放span上的单击后div保持可见
你能复制它吗?或者我做错了什么吗?我似乎记得以前在Firefox上看到过这个问题,但我不确定具体发生在哪里,或者是否有报道。“我发现了,但它是最近才被报道的,我不确定它的关系有多密切。”博尔顿说。这正是问题所在。我发誓我在bugzilla搜索了好几个小时,什么也没找到,所以我在这里发了帖子。你知道有没有办法在没有账户的情况下订阅这个bug?
#cont6{
display: block;
-webkit-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
opacity: 0;
height: 0;
font-size: 0;
overflow: hidden;
}
#show6 {cursor:pointer;}
#show6:before { content: "Show"}
#show6:active.show6:before {content: "Hide"}
#show6:active ~ #cont6{
opacity: 1;
font-size: 100%;
height: auto;
}