jquery - 全屏覆盖 css/jquery

Question

我正在尝试制作一个“巨大的”div，它用不透明度 0.4 或其他值填充所有视口(viewport)。问题是如何去做。我尝试制作一个包含我所有页面内容的 div 并为其赋予以下属性:

.div{
  width:100%;
  height:100%;
  background:#000;
  opacity:0.5;
}

因为这不起作用，我尝试添加 z-index 并设置一个高值，但它也不起作用。任何想法？我想做这样的事情:

Answer 1

我认为您正在寻找这样的东西:

CSS:

#fade-wrapper {
    display: none;
    position: fixed;
    height: 100vh;
    width: 100vw;
    background: rgba(0, 0, 0, 0.5);
}

这是一个 fiddle :http://jsfiddle.net/hTQb8/1/