html显示与隐藏元素的几种方式

　　用法  box { opacity: 0; opacity: 1;opacity: 0.5;  }

　　说明：当值为小数时前面的0可省略。最小值为0  最大值为1  可取中间小数

　　占位：当以此方法做隐藏时，元素占位，且可操作元素。可和z-index联用发挥它更多的功能。

　　优点：半透明 有遮罩层效果、全透明占位隐藏依然可操作、简单实用。

      简单使用：

　　缺点：透明度有继承。也就是：父元素的透明度会被子元素继承，这样对一些子元素不要透明度的就不是很友好。

　　　　　比如：在一个box框里，大部分需要透明，但是它的按钮不需要透明这种。

　　解决方法：

　　　　1、背景颜色的rgba：background: rgba(0,0,0,.4);

　　　　2、可以把不需要透明的元素写到外面，通过定位进来。