Css 是否可以使透明div的内容完全可见？

可能吗？如果不可能，有人能给我一些好的解决方法吗

这把小提琴会很早解释我的问题

您需要将其用作您的背景

请参见小提琴：

给定此结构：

<div id="headerOut">
    <div id="headerIn"></div>
</div>
<div id="normalRed"></div>

对于IE 8及以下版本，只需让这些用户查看不那么浮华的网站版本，或者像这样修补效果（使用IE的有条件评论）：

---

几乎所有其他内容都需要javascript。例如：

使用原始布局

让jQuery等克隆

headerIn

节点，将克隆附加到文档正文，然后直接覆盖到原始节点上

---

为了澄清这一点，您希望headerOut隐藏起来，但headerIn是可见的？这是不可能的。隐藏元素将隐藏其所有子元素。如果你给出一些你想要实现的细节，那么可能有人可以帮助你，但事实上我不知道你需要什么解决办法，因为我不知道你想要做什么：我试图使标题为黑色，使其半透明，但标题上的所有元素如徽标和按钮都要完全可见。啊，然后使用rgba，回退到可平铺的PNG，对旧浏览器透明。不值得担心IE 6，它不再受支持。ps-任何应用css不透明度的元素中包含的内容都将继承相同级别的不透明度，而rgba只影响它直接应用到的元素，并且不会被包含的子内容继承。谢谢，但这在IE8或更小的版本中不起作用。jQuery方法听起来是我需要的吗？但什么是最佳的方法呢？拥有一个半透明的div并在每次调整窗口大小时放置它似乎有点愚蠢。你能给我一些想法吗？更新的答案也适用于IE8或更少。对于JS/jQuery kludges（不推荐），打开另一个问题。

#headerOut {
    background-color:   rgba(0, 255, 0, 0.4);
    color:              rgba(0,   0, 0, 0.4);
}
#headerOut > img {
    opacity:            0.4;
}
#headerIn, #normalRed {
    background-color:   red;
    color:              black;
    opacity:            1;
}

<!--[if lt IE 9]>
<style type="text/css">
    #headerOut {
        background-color: #AFA;
        color: #888;
    }
    #headerOut > img {
        filter: alpha(opacity='40');
    }
</style>
<![endif]-->