CSS3 是一种用于网页排版的技术,它在第三版 CSS 的基础上进行了扩展和升级。其中多出来的隐藏功能为我们的网页开发提供了更多的可能性。
/* 隐藏元素 */ .hidden { display: none; } /* 透明隐藏 */ .transparent { opacity: 0; pointer-events: none; } /* 负边距隐藏 */ .negative-margin { margin-top: -9999px; position: absolute; }
上述三种隐藏方式分别为:display:none(元素不被渲染),opacity:0(元素透明但仍可以触发事件),以及利用负边距将元素移出可视区域(在某些场合下会导致布局问题)。
相信在实际开发中,这些隐藏技巧将会有用武之地。