【问题标题】:CSS background image & div style color filterCSS 背景图像和 div 样式颜色过滤器
【发布时间】:2016-07-02 12:32:42
【问题描述】:

我正在使用 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:的东西

【问题讨论】:

  • 那有什么问题?
  • @MoshFeu 问题是我无法使用 webkit 过滤器使其工作。改变颜色的方法是什么?我希望显示来自 css 的背景图像。它只会在顶部有一个过滤器(在 div 中),使它看起来具有不同的颜色。
  • @IsrwLuke 我想在 HTML 而不是 CSS 中使用过滤器。使用 {Query.Colors} 将是动态的

标签: html css dynamic colors styles


【解决方案1】:

两件事:

  • 如果您希望 alpha 受到影响,您希望使用 rgba() 而不是 rgb()。
  • 内联样式会覆盖样式表中的链接样式。将您的背景图片添加到您的内联样式中,例如

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

【讨论】:

    猜你喜欢
    • 2023-03-10
    • 2012-01-01
    • 1970-01-01
    • 1970-01-01
    • 2011-06-17
    • 2019-05-27
    • 1970-01-01
    • 1970-01-01
    • 2023-02-21
    相关资源
    最近更新 更多