不透明度不起作用，即使我没有发现语法错误

Question

我想放一张中等不透明度的背景图片但是做不到，这是我的 html:-

        
<body style="margin:auto;width:100%;height:100%;opacity:0.1;background-image:url('http://farm3.static.flickr.com/2098/2260149771_00cb406fd6_o.jpg')">
</body>

Answer 1

与其调整 body 元素，不如添加一个额外的 div 来容纳背景，最好将样式分离到一个 css 文件中。

#background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('http://i40.tinypic.com/3531bba.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: 100%;
  opacity: 0.4;
}

<!DOCTYPE html>

<head>
  <title>Your favourite travle partner</title>
</head>

<body>
  <div id="background"></div>
</body>

Answer 2

使用 div 代替 body 标签。并给那个 div.

一个特定的高度

 <!DOCTYPE html>
        <head>
        <title>Your favourite travle partner</title>
        </head>

        <body>
            <div style="margin:auto;width:100%;height:400px;opacity:0.1;background-image:url('http://www.menucool.com/slider/jsImgSlider/images/image-slider-2.jpg')">

    </div>
        </body>

        </html>`

不透明度不起作用，即使我没有发现语法错误

Opacity not working, even if I find no syntax error

html

css

opacity