一般的都会在CSS样式开头写上
* {
padding:0
margin:0
}
定义所有元素内外边距都为0.可以有效消除一起问题！
你的这个问题是由于文档本身在顶部和部都有默认的距离
或者
html, body {margin:0padding:0}
这样解决！
使用css创建：将这个需要覆盖全部页面的半透明容器相对与文档绝对定位，然后设置其宽度高度均为均为100%即可，缺点是容器总是覆盖当前状态下浏览器视口的面积，如果此时调整浏览器宽度或高度为更大值则出现非覆盖区。
JavaScript创建：
先用css进行透明层定位，同上.然后使用bom语句获取当前视口的宽度和高度然后将获取的值分别付给半透明容器的宽度和高度，并创建一个onresize事件函数，一旦用户改变浏览器窗口大小则从新读取这些值，这样即可保证任何情况下均能完全覆盖
