CSS/Sass 在背景图像上设置不透明度为 0.5 的背景色

标签 css sass background-image background-color

目前我有一个像这样的深色背景图片:

enter image description here

所以现在如果我在上面写文字,它就不会那么清晰可见。我想在图像上放置背景颜色或图层,并将其 opacity 设置为 .5 以便获得更黑的背景。

我怎样才能做到这一点?

最佳答案

您可以使用叠加层实现此目的:http://jsfiddle.net/q2m5x/1/

就放<div class="overlay"></div>紧跟在您的 body 之后(或任何具有背景图像的容器)。

关于CSS/Sass 在背景图像上设置不透明度为 0.5 的背景色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18422036/

相关文章:

html - 更改垫进度条 "aria-valuemax"

javascript - 如何使用 javascript 检索不支持的样式

css - 使用 Zurb 的 Foundation 4 框架,仅使用 CSS。没有SASS/指南针?

html - 位于 Bootstrap 容器内元素后面的全 Angular 背景?

CSS 背景位置动画从右到左

jquery - 在使用样式之前从 div 添加元素到头部样式

javascript - 如果 <a></a> 具有特定的 jQuery 或 JS anchor ,则将元素附加到 <a></a>

html - 将容器外图像的左侧拉伸(stretch)到页面边缘

javascript - 在具有仪表板和登陆的 React 应用程序中处理 CSS 样式冲突的最佳方法是什么?

css - 将配色方案 JSON 列表添加到 Angular 8 环境中的 Scss 文件