使用CSS隐藏HTML元素的四种经常使用方法

CSS隐藏HTML元素的四种经常使用方法

1.opacity：设置opacity: 0能够使一个元素变得彻底透明。

设置的透明度会被子元素继承，并且没法取消。 

一般能够使用opacity属性来制做元素的淡入淡出效果。

设置opacity:1能够使透明元素变得可见。

2.visibility： 是许多人在隐藏某个HTML元素时的首选。

visibility:hidden视觉上看不见，但它所占据空间的位置仍然存在。

3.display:none它是position:absolute和visibility: hidden;的折中方法。

设置该属性后，该对象会在页面上完全消失,而且不会再占用文档的空间。

将元素设置为display: block或其它值能够使元素再次可见。

4.transparent:用于background-color：transparent；单纯的把背静或者border属性变成透明色，对子元素不会影响。

*其中咱们须要注意opacity它是适用除IE浏览器之外的全部浏览器。

filter:Alpha(opacity=50)是针对IE浏览器所用的透明属性。

 

设置opacity: 0能够使一个元素变得彻底透明