css中让元素掩藏的多种多样方式

日期:2020-09-23 类型:科技新闻 

关键词:如何制作微信小程序,微信小程序源码,小程序码生成,凡科网微信小程序,微信公众号小程序

近期做1个殊效时,看到这个CSS实际效果掩藏结合

在CSS中,让元素掩藏(指显示屏范畴内肉眼不能见)的方式许多,有的占有室内空间,有的不占有室内空间;有的能够回应点一下,有的不可以回应点一下。下面1个个列出,选1个合适你的

拷贝编码
编码以下:

{ display: none; /* 不占有室内空间,没法点一下 */ }
{ visibility: hidden; /* 占有室内空间,没法点一下 */ }
{ position: absolute; top: ⑼99em; /* 不占有室内空间,没法点一下 */ }
{ position: relative; top: ⑼99em; /* 占有室内空间,没法点一下 */ }
{ position: absolute; visibility: hidden; /* 不占有室内空间,没法点一下 */ }
{ height: 0; overflow: hidden; /* 不占有室内空间,没法点一下 */ }
{ opacity: 0; filter:Alpha(opacity=0); /* 占有室内空间,能够点一下 */ }
{ position: absolute; opacity: 0; filter:Alpha(opacity=0); /* 不占有室内空间,能够点一下 */ }
{
zoom: 0.001;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
/* IE6/IE7/IE9不占有室内空间,IE8/FireFox/Chrome/Opera占有室内空间。都没法点一下 */
}
{
position: absolute;
zoom: 0.001;
-moz-transform: scale(0);
-webkit-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
/* 不占有室内空间,没法点一下 */
}