用相同的颜色划分td

Question

我有一个div并且它们都具有相同的颜色和不透明度。 结果是div的颜色比颜色更暗。 我该如何预防？

<td align=center style="background-color:rgba(0,150,0,0.3);">
  <div style="background-color: rgba(0,150,0,0.3);">
  </div>
</td>

Answer 1

它更暗，因为你有不透明度，可以看到td背景通过。

你可以：

• 删除div样式（如果您已拥有父td的背景，则不需要它）
• 在div后面添加一个坚实的背景（见下文）

<td align=center style="background-color:rgba(0,150,0,0.3);">
  <div style="background-color:#fff;">
    <div style="background-color: rgba(0,150,0,0.3);">
    </div>
  </div>
</td>