Question

它适用于视频背景，但它不起作用...... 这里是html文件：

＆＃13;

#player {
  object-fit: inherit;
  position: fixed;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 50);
}

＆＃13;

<video autoplay loop class="player" id="player">
      <source src="video.mp4" type="video/mp4">

＆＃13;

Answer 1

您使用的背景颜色rgba设置不正确。

你有：

background: rgba(0, 0, 0, 50);

但是rgba的syntex是：

rgba(0, 0, 0, 0.50);

所以你的代码应该是这样的：

#player {
  object-fit: inherit;
  position: fixed;
  z-index: -1;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.50);
}

<video autoplay loop class="player" id="player">
      <source src="video.mp4" type="video/mp4">

抱歉我的英语不好（我是荷兰语：P）

Answer 2

你应用它的逻辑可以购买你需要改变：

rgba（0,0,0,50）;

要：

rgba（0,0,0,0.50）;

RGBA颜色值是RGB颜色值的扩展，带有Alpha通道 - 指定颜色的不透明度。 RGBA颜色值指定为：rgba（红色，绿色，蓝色，alpha）。 alpha参数是介于0.0（完全透明）和1.0（完全不透明）之间的数字。

如何使我的视频背景变暗？

2 个答案: