我有一个菜单和三个隐藏的 div,它们根据用户选择的选项显示。我想仅使用 CSS 在单击时显示/隐藏它们。我现在可以使用 jquery,但我希望它可以在禁用 js 的情况下访问。这里有人提供了this code对于其他人,但它仅适用于 div:hover 或 div:active,当我将其更改为 div:visited 时,它不起作用。我是否需要添加一些东西,或者这可能不是正确的方法?我感谢任何帮助:)
问题是我的客户希望这个特定的 div 在选择菜单时滑动/淡入淡出,但我仍然希望它们在关闭 javascript 的情况下正确显示。也许 z-index 可以解决问题...?
最佳答案
对于纯 CSS 解决方案,请尝试使用复选框 hack。基本上,想法是使用一个复选框,并根据该框是否被选中来分配不同的样式,使用 :checked
伪选择器。如果需要,可以通过将复选框附加到 label
来隐藏该复选框。
dabblet 链接(不是我的):http://dabblet.com/gist/1506530
CSS 技巧文章链接:http://css-tricks.com/the-checkbox-hack/
关于css - 使用 CSS 在点击时显示/隐藏 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6019845/