Question

如何在body标记

的背景中设置图像的图像不透明度

我的HTML：

<body background="http://ib1.keep4u.ru/b/070815/ef2714da63d5940bf5.jpg">
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
    <div>test</div>
</body>

我的css：

body{
    opacity: 0.1,
    filter:alpha(opacity=10)
}

Answer 1

没有CSS属性background-opacity，但你可以通过插入一个具有常规不透明度的伪元素来伪造它，后面是元素的确切大小。

可以这样做

body::after {
  content: "";
  background: url(http://ib1.keep4u.ru/b/070815/ef2714da63d5940bf5.jpg);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}

~~在这里查看 http://jsfiddle.net/dyaa/k4dw5hyq/2/~~

编辑：不再需要不透明度和身体标记中的过滤器 http://jsfiddle.net/dyaa/k4dw5hyq/3/

如何为身体背景设置图像不透明度

1 个答案: