CSS3中提供了多種方法來隱藏元素。以下是幾種常用的方式:
/* 1. display: none */ display: none;
使用該屬性將元素不可見,并且不在頁面布局中占據位置。但是,該元素仍然存在于文檔對象模型(DOM)中,并可通過JavaScript訪問。
/* 2. visibility: hidden */ visibility: hidden;
使用該屬性將元素不可見,但是卻占用空間,仍在頁面布局中占據位置。
/* 3. opacity: 0 */ opacity: 0;
使用該屬性將元素變成透明狀態,但是仍占據頁面布局。和display: none不同的是,該元素仍然可以被點擊和訪問,而display: none元素是無法點擊和訪問的。
/* 4. position: absolute; left: -9999px; top: -9999px */ position: absolute; left: -9999px; top: -9999px;
使用該屬性將元素移出可視區域,但是仍可以被檢索到,并且不會占據空間。
以上就是幾種常見的在CSS3中隱藏元素的方式。
上一篇php $output
下一篇php $p