试图在轮播图像(BS4)中添加图像色调,我最初的理解是使用

.tinted-image img {
  background:
    /* top, transparent red */
    linear-gradient(
      rgba(255, 0, 0, 0.45),
      rgba(255, 0, 0, 0.45)
    ),
}


密码笔链接-https://codepen.io/nightcoder21/pen/RyeYoz

这似乎很奏效,有人知道有任何简单的方法吗? (即试图使我的代码尽可能简单和混乱)

先感谢您

最佳答案

改变你的CSS到这个

.tinted-image:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(
     rgba(255, 0, 0, 0.45),
     rgba(255, 0, 0, 0.45)
  );
}


您可以在这里检查:https://codepen.io/anon/pen/rvqZvK

通过使用:before选择器,您可以为不同颜色的图像着色^^

关于html - 可以给我的bootstrap 4轮播图像着色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/50382166/

10-12 00:04
查看更多