我有以下DIV结构：
<div id="parent">
<div id="child"></div>
<div id="child2"></div>
</div>
我想将一半不透明的背景应用于父DIV，并将一个完全可见的背景应用于子DIV。但是，孩子似乎将接管父母，因此，我现在不知道如何解决这个问题。
编辑：更多澄清。
我有一个由DIV制成的jQuery可拖动“窗口”。在里面，我有一个进度条
relative position like:
position: relative;
left: 16px;
top: 16px;
这样，进度条将位于窗口（而不是屏幕）的16-16处，并且进度条将随窗口一起正确移动。
但是，进度条的顶部具有纹理。看一下这个例子：
<div style="background: url('texture.png'), url('empty.png'); width: 256px;">
<div style="background: url('progress.png'); width: 33%;"></div>
</div>
有一个不透明的纹理应用于整个进度条元素，例如，如果此进度条的百分比为33％，则它看起来像xxx ------其中x表示正在流动的绿色栏，而-为空。纹理必须同时应用于x和-，但是当前x的图像发生在纹理上。
由于相对定位的方法，我不能真正使用Z-index和/或position absolute将子元素置于顶部。
最佳答案
我不知道我是否正确地理解了您的问题，但是您不是在寻找CSS3 RGBA colours吗？
p { color: rgba(0,0,255,0.5) } /* semi-transparent solid blue */
p { color: rgba(100%, 50%, 0%, 0.1) } /* very transparent solid orange */
参考：4.2.2 RGBA color values
关于css - 在CSS中将父级的背景置于子级之上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/1906966/