CSS--隐藏元素的四种方法及其他方法

display：none；

元素被隐藏且不占位置。

position:absolute;left:-9999px;

元素被隐藏，且不占位。

visibility:hidden;

元素被隐藏且站位。

opacity：0；

元素被隐藏，且站位，透明度变为0；

 

2.backface-visibillity

定义当元素不面向屏幕时是否可见。

backface-visibillity:visible|hidden

visible:背面可见的

hidden:背面不可见

 

3.引入服务器字体或外来字体

语法规则：

@font-face{

font-family:<name>

src:<source>[<format>]

font-weight:<weight>

font-style:style

}

4.3D属性perspective：

transform: perspective(500px) rotateY(45deg);

 

5.pointer-events:none;

pointer-events:none理解为“幻影特性”;

pointer-events:none的作用是让元素实体“虚化”。例如一个应用pointer-events:none的按钮元素，则我们在页面上看到的这个按钮，只是一个虚幻的影子而已，您可以理解为海市蜃楼，幽灵的躯体。当我们用手触碰它的时候可以轻易地没有任何感觉地从中穿过去。
一切都是幻影!

转载于:https://www.cnblogs.com/moxuexiaotong/p/6964043.html