html - 透明的CSS问题

Question

 body{
   color:red;
   background-image: url("image.jpg");
   background: rgba(255,255,255,.85);
 }

这是我的半透明 CSS 代码。它不工作。它完全覆盖了我的形象。因此，我尝试将 background: rgba(255,255,255,.85); 放入其他部分，例如 h2 或 p。它工作正常。

谁能告诉我这是怎么回事？谢谢。

Answer 1

您的简写 background: 属性会覆盖之前的简写 background-image 属性。

改为这样做:

body {
    color: red;
    background: rgba(255,255,255,0.85) url("image.jpg");
}

或者，使用两个常用属性:

body {
    color: red;
    background-color: rgba(255,255,255,0.85);
    background-image: url("image.jpg");
}