html - CSS 中的背景图像不透明度(在 Dreamweaver 中工作)

Question

在 Dreamweaver 中工作，我试图获得在每个页面上都相同的背景图像。我希望它被设置并填满整个页面，让内容滚动而不是图片，我需要图片有点透明，这样文本会更容易阅读。除了这就是我在 Style.css 类中所拥有的之外，我不知道如何做不透明度。

body {
    overflow-x: hidden;
    width: 100%;
    background-image:
         url(/CuzbZDV%5B1%5D.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    background-attachment: fixed;
}

Answer 1

尝试一下:

body:before {
  position: fixed;
  z-index: -1;
  content: " ";
  top: 0; left: 0; right: 0; bottom: 0;
  background: url() no-repeat center center fixed;
  background-size: cover;
  opacity: .5;
  filter: alpha(opacity=50); /* IE8, I believe... */
}