视频笔记：滤镜和遮罩弹窗

遮罩滤镜
1.不透明度opacity:0到1;（IE7以下不支持）；但IE7以下有它的
私有滤镜 filter:alpha(opacity=0~100);
2.应用：弹窗（思想：在原来的内容上添加一个div，
并且设置该div的大小为整个页面（百分比），
和该div的定位为绝对定位（absolute漂浮在内容上）,
并且设置该div有透明度的背景；
在再此基础上创建窗体（div），设置定位为绝对定位（position: absolute;）
设置窗体大小和背景为白色即可；
2.让弹出的窗口（盒子居中，不是盒子的宽度和高度居中）
在页面中居中：
（让定位和外边距一起使用）

position: absolute;
top:50%;
left:50%;
border: 2px solid #FF0000;
margin-left: -202px;（盒子宽度的一半）
margin-top: -102px;（盒子高度的一半）

3.盒子的宽度和高度和padding没直接关系；
padding的改变不受盒子的宽和高影响