css显示隐藏元素的方法

在开发过程中有时候需要隐藏或显示某个元素，但是不能使用JavaScript来实现，以免影响浏览器的兼容性。其实通过css也可以实现显示隐藏元素，下面就详细介绍一下css显示隐藏元素的方法，如下

1.将要隐藏的元素设置为display: none;，例如：

 

2.添加触发器，例如一个按钮或链接，使得用户点击时，被隐藏的元素会显示出来。要实现这个效果，需要使用CSS中的:checked伪类和 ~ 兄弟选择器。

 

在这个例子中，我们使用了一个复选框元素作为触发器。当这个复选框被选中时，被隐藏的元素就会显示出来。这个效果是通过CSS中的:checked伪类和 ~ 兄弟选择器来实现的。当复选框被选中时，它的兄弟元素#myDiv就会显示出来。

 

如果你想用一个链接或按钮作为触发器，可以有如下的代码：

参考资料：http://tishang.net/articles/1685095401.html