问如何使用CSS对背景图像进行着色？

EN

我有一个通过CSS设置的背景图像。

html {
background-image: url('../img/cello.jpg');
background-attachment: fixed;
background-size: 100%;
}

我计划为网站的不同页面提供不同的背景图片:所以在它上面的文字清晰是很重要的。现在，为了确保易读性，我在中间的#main内容框中有一个半透明的黑色背景：

#main {
background: rgba(0, 0, 0, 0.5);
}

然而，我真正想做的是在整个背景图像上有一个半透明的背景，因为黑盒看起来有点笨重。我试过制作一个包含整个HTML文档的<div id=#tint>，并将rgba(0，0，0，0.5)设置为#tint，但这根本不起作用--我要么什么都不做更改，要么将整个背景变成一个简单的灰色，根本看不到背景图像。这是不可能的吗？