css - 使用 CSS 在点击时显示/隐藏 div

标签 css

我有一个菜单和三个隐藏的 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/

相关文章:

html - CSS 转换在 Edge 中不起作用

html - 更改与图像重叠的文本颜色

javascript - CSS水平表格单元格间距: how?

html - Paypal 表对齐

html - 在 asp.net 和 css 中对齐控件

Javascript 引号 ... 淡入淡出

html - 将属性添加到现有样式

html - css 根据屏幕尺寸从左侧动态增加条形宽度

css - 如何对 CSS 伪元素进行基准测试

html - 标签和输入宽度与 css 不一样