1. 首页
  2. 问题
  3. 我可以在同一属性中设置背景图像和不透明度吗？
小编典典

我可以在同一属性中设置背景图像和不透明度吗？

css

我可以在CSS参考中看到如何设置图像透明度以及如何设置背景图像。但是，如何将这两者结合以设置透明的背景图像？

我有一张要用作背景的图像，但是它太亮了-我想将不透明度降低到约0.2。我怎样才能做到这一点？

#main {
    background-image: url(/wp-content/uploads/2010/11/tandem.jpg); 
}

阅读 318

收藏
2020-05-16

共1个答案

小编典典

两种方法：

  1. 转换为PNG并使原始图像0.2不透明
  2. （更好的方法）有一个<div>是position: absolute;前#main和相同的高度#main，然后应用背景图像和opacity: 0.2; filter: alpha(opacity=20);。
2020-05-16