我可以在CSS参考文献how to set image transparencyhow to set a background image中看到.但是我如何结合这两种方法来设置一个透明的背景图像呢?

我有一张我想要用作背景的图片,但它太亮了-我想把不透明度调低到0.2左右.我怎么才能做到这一点呢?

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

推荐答案

有两种方法:

  1. 转换为PNG并使原始图像不透明度为0.2
  2. (更好的方法)将<div>设为#main之前的position: absolute;,高度与#main相同,然后应用背景图像和opacity: 0.2; filter: alpha(opacity=20);.

Css相关问答推荐

如何在css中从圆中切出1/n?

将CSS更改为Mat-Form-Field,其中包含搜索框

如何在react 路由中设置活动类?

将数据从react组件发送到css文件

如何为图像堆叠效果下方的图层实现与磨砂玻璃类似的视觉效果

解释 "document.styleSheets[0].cssRules[0].style;"

使用 place-content: center 的全宽 CSS 网格项目

如何更改导航栏标题中链接的文本 colored颜色 和导航丸中的链接(在shiny 的应用程序中)?

做一个像CodeSandbox的console那样的可拖拽的split panel

如何在真实文本旁边制作文本阴影,使其看起来像 css 中的重复文本?

当页面大小小于VH时,Tailwind CSS如何使页脚留在底部

适合剩余高度

css显示:表格不显示边框

CSS如何使元素淡入然后淡出?

如何更改 Angular Material 上 mat-icon 的大小?

内联