如何让css能够自适应当前页面？

Question

如何让css能够自适应当前页面

这是一个css文件：

.shadow_css {   /*出现悬浮窗口后,背景变暗*/
  display: none;
  position: absolute;
  top: 0%;
  left: 0%;
  min-width: 100%;
  min-height: 100%;
  background-color: black;
  z-index: 10;
  /* 为mozilla firefox 设置透明度  */
  -moz-opacity: 0.6;
  /* 设置透明度 */
  opacity: 0.6;
  /* 为IE 设置透明度  */
  filter: alpha(opacity=66);
}

页面缩小以后效果如下：

页面放大以后的bug：

会有一部分还能操作，没有完全隐藏起来，请问这个问题该如何解决？

Answer 1

.shadow_css加个bottom:0