更改不透明度覆盖上的颜色-CSS

当两个不透明元素重叠时，不透明合并。我能告诉CSS让重叠部分变成不同的颜色吗？例如，我能有两个黄色元素重叠并在中间变成橙色吗？

目前，你不能通过纯粹的CSS。有一个CSS属性可以模拟Photoshop混合模式，但目前还没有得到广泛支持。尽管混合模式仍然取决于元素的颜色，并且不能为重叠部分指定颜色

div{
高度：100px；
混合模式：倍增；
位置：绝对位置；
宽度：200px；
}
.左{
背景：青色；
左：0；
}
.对{
背景：黄色；
左：150px；
}

---

目前，您不能通过纯CSS。有一个CSS属性可以模拟Photoshop混合模式，但目前还没有得到广泛支持。尽管混合模式仍然取决于元素的颜色，并且不能为重叠部分指定颜色

div{
高度：100px；
混合模式：倍增；
位置：绝对位置；
宽度：200px；
}
.左{
背景：青色；
左：0；
}
.对{
背景：黄色；
左：150px；
}

---

我认为完全通过css是不可能的。请试试这个答案

---

您也可以在运行时通过js提供css，或者按照第二个链接的建议创建一个包含元素的css类：first或last。

我认为纯粹通过css是不可能的。请试试这个答案

---

您也可以在运行时通过js提供css，或者按照第二个链接的建议创建一个包含element:first或last的css类。

看起来不错。我能用它来把2个黄色元素改为橙色吗？@ Corbfon，不幸的是，没有。就像我在回答中所说的那样，重叠部分的颜色取决于元素的颜色。你基本上是把两种颜色混合在一起，所以青色+黄色=绿色。但是黄色+黄色=黄色。谢谢你的输入！很遗憾听到这是不可能的。。。必须找到一个黑客js的方式来做这看起来很甜蜜。我能用它来把2个黄色元素改为橙色吗？@ Corbfon，不幸的是，没有。就像我在回答中所说的那样，重叠部分的颜色取决于元素的颜色。你基本上是把两种颜色混合在一起，所以青色+黄色=绿色。但是黄色+黄色=黄色。谢谢你的输入！很遗憾听到这是不可能的。。。必须找到一个黑客js的方式来做到这一点