html - 混合div的背景

标签 html css background photoshop color-blending

我想要这样的背景混合效果,如所附的屏幕截图。 我已经使用过 rgba 背景,但这看起来不像我的设计。

这是我使用的图像和代码。

我尝试使用不同的背景图像和 css3 元素,但它无法正常工作。

使用 jquery 可以做到这一点吗?

enter image description here

.green_band {background: rgba(24, 95, 14, 0.5);}

最佳答案

不,目前(2014 年夏季)您只能使用 alpha 透明度来伪造(例如使用 rgba)。

CSS 混合模式将会出现,但“这是一项即将推出的技术,并且在撰写本文时,浏览器支持还不完善”。

参见“Getting to know CSS Blend Modes”简介和 the browser support tables for background-blend-mode .

使用即将推出的 CSS 混合模式属性:

background-color: rgb(24, 95, 14);
background-blend-mode: multiply;

这是W3C Editor’s Draft: Compositing and Blending Level 1

关于html - 混合div的背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24387251/

相关文章:

javascript - 从提示框中获取有关取消的用户评论

html - 广告 div 不适合容器 div

c# - 单击另一个 div 时如何动态设置 Javascript 以展开 div?

javascript - 使用 ajax 发布错误信息

html - body 溢出背景

ios - 如何: Local MP4 Video as Background in iOS App Objective C iOS 8

html - 如何制作只影响文本而不影响图像的 CSS 规则?

jquery - 使用 JQuery 新添加的具有多个 div 的元素

css - 旋转后鼠标移动不准确

css - 背景颜色,背景图片没有填满整个css盒模型