【问题标题】:TR background color merges with Table background colorTR 背景颜色与表格背景颜色合并
【发布时间】:2019-08-30 19:28:38
【问题描述】:

人生第一次遇到奇怪的麻烦,和

table.csr-table td:first-child {
    width: 70px;
    background: rgba(84, 46, 121, .2);
}

改变列的所有第一个单元格的颜色,现在我有另一个类

.headerCell,.headerRow {
    background: rgba(84, 46, 121, .2);
}

它也有相似的背景颜色,但是当两者都被规则应用时,颜色会自行合并并形成新的颜色, 我想避免这种情况,请帮忙

【问题讨论】:

  • 你真的需要 rgba() 中的“不透明度”字段吗?将“.2”设为“1”甚至完全删除它可以解决问题。如果没有完整的代码,我再精确不过了。
  • 是的,你是对的,但你知道设计师对颜色非常明确,任何其他解决方案
  • 我认为如果不将其中一种颜色设为纯色,您将无法完成您想要的工作。让它们都具有除 1 以外的任何其他 alpha 将使它们合并。

标签: html css class html-table tr


【解决方案1】:

您使用的是rgbaa 代表alphaalpha 将透明度应用于颜色,因此当有多种颜色时,它们将合并。 您可以改用rgb(至少用于第二种颜色)。

【讨论】:

  • 还是变黑了
【解决方案2】:

您需要为 rgb(221,213,228) 之类的颜色使用纯色,而不是具有透明度 (alpha) 的颜色。你应该能够从你的设计中找到正确的价值,还是设计师可以给你?

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2011-10-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-11-17
    • 1970-01-01
    相关资源
    最近更新 更多