CSS3層隱藏 CSS3引入了一種新的樣式，允許您以不同的方式隱藏HTML元素。在CSS3版本中，您可以使用簡單的屬性來隱藏任何HTML元素，而不必刪除它們。這是非常有用的，當您需要暫時隱藏頁面上的某些元素時，可以隱藏它們。 在CSS3中，使用"display"屬性可以控制元素的顯示和隱藏。當使用"display:none"時，元素將被完全隱藏，并且在頁面上將不會顯示，也不會占用空間。與之相反，當使用"display:block"時，元素將顯示并占用空間。 以下是CSS3層隱藏的幾種方法： 1.使用"display:none"屬性 當將CSS3的"display:none"屬性應用于元素時，該元素將完全被隱藏。在頁面的布局中，此元素將不占用任何空間。下面是一個示例：

p{
display:none;
}

使用display:none屬性時，需要注意，該元素將不會在DOM中顯示，它可能會影響某些JavaScript腳本的功能。 2.使用"visibility:hidden"屬性 與"display:none"不同，當使用"visibility:hidden"屬性時，元素將隱藏，但還是在頁面布局中占據空間。下面是一個示例：

p{
visibility:hidden;
}

使用這種方法時，您需要注意，雖然元素不可見，但它仍然會占用頁面的空間。 總結 這兩種方法都可以隱藏元素，但它們的區別在于它們是如何隱藏元素的。 推薦使用"display:none"屬性來隱藏元素，因為它在瀏覽器中保證更可靠的隱藏。使用"display:none"屬性時，元素將不占用頁面空間，并且不會在DOM中顯示。