CSS背景图片＆amp; div风格的彩色滤镜

Question

我正在使用css的图像背景：

$http({
    method: 'GET',
    url: '/api/SomeController/SomeMethod',
    headers: { 'Content-Type': 'application/json' }

在HTML文件中我试图在这个div（tbody）中添加一个样式。该样式将是叠加颜色过滤器。我想在HTML而不是CSS中添加它的原因是它将是动态的。

过滤器的RGB将是这样的：

tbody 
{
    width: 100%;
    background-image: url("http://pattern.png");
    background-repeat: no-repeat;
    background-size: 800px;
}

我想我必须使用与<tbody style="background-color: rgb( {Query.Visits_Color_R},{Query.Visits_Color_G},{Query.Visits_Color_B},0.5);">

类似的东西

Answer 1

两件事：

• 如果你想让alpha受到影响，你想使用rgba（）而不是rgb（）。

• 内联样式会覆盖样式表中的链接样式。将背景图像添加到内联样式中，例如

您的最顶层应位于前面请参阅：https://developer.mozilla.org/en/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds