Question

一开始，这是没有示例代码的一般问题，因为我正在寻找一个想法，如何存档：

我有3个绝对定位元素，它们相互重叠。它们都有背景颜色，例如红色。

现在，div1与div2重叠，因此它们有公共区域，用户无法看到第一个div结束时，并且secod开始......

正如我在下面的图片上绘制的那样，我可能会对这些div的不透明度产生影响，因此用户可以看到一些差异，但这可能不是100％的好解决方案。

我的问题是，是否有人有想法，如何使这更具可读性，也许是一些css功能，我不知道（背景颜色混合或其他......）

感谢你的想法：）

Answer 1

您可以使用rgba：

设置背景颜色的不透明度

.div { background-color: rgba(255,0,0,0.8); }

这会使您的红色，绿色和蓝色成为不透明度（从十进制形式的0到1）。你也可以使用不透明度：0.8，但它会降低整个div的不透明度，包括它的边框。

Answer 2

另一个想法是不使用透明的背景颜色，而是使用不同方向的透明线条和散列。有点像下图。

但是你可以使线条有点透明，并且具有不同的角度和颜色。这样，div的差异将更加优雅。而不是一堆乱七八糟的颜色。