【问题标题】:CSS opacity for linear-gradient background?线性渐变背景的CSS不透明度?
【发布时间】:2019-03-21 22:46:22
【问题描述】:

我有一个 div,其背景为:

background: linear-gradient(120deg, #6971a2 0%, white 80%);

我想为这个背景添加不透明功能,同时不影响 div 内的文本。

我知道 RGBA。但是,我相当肯定 linear-gradient 不能与它一起使用?

谢谢!

【问题讨论】:

  • However, I'm fairly sure linear-gradient cannot be used with it? --> 你试过还是只是猜测?

标签: css linear-gradients


【解决方案1】:

您可以使用任何 CSS <color> 作为 linear-gradient 的停止点,包括 #hexargba(),它们允许您在不透明度之间进行分级。

元素背景的透明度(或其背景渐变)对其内容没有影响。

【讨论】:

  • 但是也有一个问题。 css-tricks 对此进行了很好的解释
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2014-01-08
  • 2015-06-15
  • 2023-02-02
  • 1970-01-01
  • 2020-11-09
  • 1970-01-01
  • 2023-04-06
相关资源
最近更新 更多