CSS中怎样把一个层隐藏

CSS中怎样把一个层隐藏？
有时候我们需要在网页中隐藏一个层，例如当用户点击某一个按钮后才显示这个层。那么在CSS中怎样实现呢？
我们可以通过设置display属性为none来达到隐藏层的效果。例如：

<style>
    .hidden-layer {
        display: none;
    }
</style>

<div class="hidden-layer">
    这是要隐藏的层！
</div> 

在上面的例子中，我们为要隐藏的层设置了一个CSS类hidden-layer，并把它的display属性设置为none。这会使这个层变得不可见，但它所占的空间仍然在。
如果我们希望在某个事件发生后让这个层显示出来，可以通过JavaScript来实现。例如：

<style>
    .hidden-layer {
        display: none;
    }
</style>

<button onclick="showHiddenLayer()">显示隐藏层</button>

<div class="hidden-layer" id="myLayer">
    这是要隐藏的层！
</div>

<script>
    function showHiddenLayer() {
        document.getElementById("myLayer").style.display = "block";
    }
</script> 

在上面的例子中，我们为按钮添加了一个点击事件onclick，当用户点击按钮时，会调用showHiddenLayer()函数。这个函数通过获取层的id属性，把层的display属性设置为block，即可让层显示出来。
需要注意的是，如果要在CSS中隐藏一个层，该层必须是一个块级元素（如div元素）。如果要隐藏行内元素（如span元素），可以将其包裹在一个div元素中，然后对这个div元素进行隐藏。