Html 半透明div

代码如下：

编辑 以下是新代码：

当

#main

重叠时，我试图删除

#标题

不透明度

因为我使用的图像使用了

背景大小

属性，所以我不能在

#main

中创建另一个div

样本：

有办法吗

谢谢。

使用

background: inherit;

对于

#main

div。您还可以明确指定任何其他背景颜色

编辑：

移除

position: relative;

因为#主要部门似乎已经做到了这一点

编辑2：

使用3个div的解决方案：

使用

background: inherit;

对于

#main

div。您还可以明确指定任何其他背景颜色

编辑：

移除

position: relative;

因为#主要部门似乎已经做到了这一点

编辑2：

使用3个div的解决方案：

---

我正试图了解你到底需要实现什么。。。。 你有没有可能快速截图你想要达到的结果

检查此，即使我认为这不是您想要的

我刚刚恢复了索引

z-index: 0;

---

我正在努力理解你到底需要实现什么。。。。 你有没有可能快速截图你想要达到的结果

检查此，即使我认为这不是您想要的

我刚刚恢复了索引

z-index: 0;

---

不透明度是继承的，不能简单地删除

.notranscolor -> opacity: 0.5 * 1.0 = 0.5

解决方案：

---

绝对定位内容。

不透明度是继承的，不能简单删除

.notranscolor -> opacity: 0.5 * 1.0 = 0.5

解决方案：

---

---

绝对定位内容。

这不是我想要的。。。我想在#main重叠时显示“原始”红色（无不透明）。我上传了一张图片，请看一看我想要的是简单的反转：透明区域变为不透明；不透明区域变得透明。这不是我想要的。。。我想在#main重叠时显示“原始”红色（无不透明）。我上传了一张图片，请看一看我想要的是简单的反转：透明区域变为不透明；不透明区域变得透明。因此，当#主容器与#标题重叠时，你唯一想看到的是来自边框的阴影，对吗？这个问题需要更好的定义。请提供您希望看到的结果的屏幕截图。不。。。看看新代码。我想做相反的事情。我已经更新了这个问题…所以当#主容器与#标题重叠时，你唯一想看到的是来自边框的阴影，对吗？这个问题需要更好的定义。请提供您希望看到的结果的屏幕截图。不。。。看看新代码。我想做相反的事情。我更新了问题…我添加了一个屏幕截图。我添加了一个屏幕截图。@MaurícioGiordano我正要用3个div发布解决方案--@MaurícioGiordano我正要用3个div发布解决方案--