display:
-
none:隐藏该元素并且该元素所占的空间也不存在了。
-
block; 显示元素
visibility:
-
hidden 隐藏该元素但是该元素所占的内存空间还存在,即“隐身效果”。
-
visible 显示元素
opacity
-
语法: opacity:0.5:
-
【取值:0-1】 0表示全透明,1表示全不透明,0-1之间表示半透明
-
使用说明:
设置opacity元素的所有后代元素会随着一起具有透明性, 【一般用于调整图片或者模块的整体不透明度】
-
兼容性:IE6、7、8【不支持】,IE9及以上版本和标准浏览器都支持