html - 你如何在带有背景图像的 body 上设置背景颜色rgba？

Question

我将如何设置 body 的 rgba 和背景图像？我希望 rgba 显示在背景图像之上并留在那里。图像顶部的透明颜色这是我的 CSS:

body{
 background:url(image.jpg) no-repeat center center fixed; 
 background-size:cover;
 background-color:rgba(255,0,0,0.5);
}

fiddle 示例:http://jsfiddle.net/zt6sfs21/

Answer 1

参见 the specification :

Name:   background
Value:  [ <bg-layer> , ]* <final-bg-layer>

和

<final-bg-layer> = <bg-image> || <position> [ / <bg-size> ]? || <repeat-style> || <attachment> || <box> || <box> || <'background-color'>

只需指定背景颜色以及其他属性。

 background:url(image.jpg) no-repeat center center fixed rgba(255,0,0,0.5);