css3 多出来的隐藏
导读:CSS3 是一种用于网页排版的技术,它在第三版 CSS 的基础上进行了扩展和升级。其中多出来的隐藏功能为我们的网页开发提供了更多的可能性。/* 隐藏元素 */.hidden {display: none;}/* 透明隐藏 */.transp...
CSS3 是一种用于网页排版的技术,它在第三版 CSS 的基础上进行了扩展和升级。其中多出来的隐藏功能为我们的网页开发提供了更多的可能性。
/* 隐藏元素 */.hidden { display: none; } /* 透明隐藏 */.transparent { opacity: 0; pointer-events: none; } /* 负边距隐藏 */.negative-margin { margin-top: -9999px; position: absolute; }
上述三种隐藏方式分别为:display:none(元素不被渲染),opacity:0(元素透明但仍可以触发事件),以及利用负边距将元素移出可视区域(在某些场合下会导致布局问题)。
相信在实际开发中,这些隐藏技巧将会有用武之地。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: css3 多出来的隐藏
本文地址: https://pptw.com/jishu/314904.html