html - CSS 背景图片和 div 样式滤色器

Question

我正在使用 CSS 图像背景:

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

在 HTML 文件中，我试图在此 div (tbody) 中添加样式。样式将是叠加颜色过滤器。我想在 HTML 而不是 CSS 中添加它的原因是它将是动态的。

过滤器的 RGB 将是这样的:

<tbody style="background-color: rgb( {Query.Visits_Color_R},{Query.Visits_Color_G},{Query.Visits_Color_B},0.5);">

我想我必须使用类似于 -webkit-filter:

的东西

Answer 1

两件事:

• 如果您希望 alpha 受到影响，您需要使用 rgba() 而不是 rgb()。

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

你的最顶层应该在前面见:https://developer.mozilla.org/en/docs/Web/CSS/CSS_Background_and_Borders/Using_CSS_multiple_backgrounds