为什么这个div的css白色背景实际上不是白色而是透明的？答案

【问题标题】：why is css white background for this div not actually white but transparent?为什么这个div的css白色背景实际上不是白色而是透明的？
【发布时间】：2011-12-08 01:06:37
【问题描述】：

http://jsfiddle.net/QjF4d/

我有一个div.rating_bar，它叠加在div.artist 上。 .rating bar 的背景颜色为白色，但不显示为白色，而是透明的。怎么会？

编辑：源代码中定义较低的元素的 z-index 大于源代码中定义的较高元素的 z-index。将源中的 .rating 栏移到下方后，我可以看到白色背景，因为它现在位于半透明 div 的顶部，而不是它的下方。

【问题讨论】：

标签： css background transparent

【解决方案1】：

我在你的 css 中没有看到任何 z-index，所以我不知道你为什么假设谁在什么之上。简而言之，白色就是白色，只是 rating_bar div 最终低于艺术家一。

【讨论】：

【解决方案2】：

尝试给div.rating_bar 一个更高的z-index 然后div.artist - :hover 框需要更高的z-index 然后div.rating_bar

【讨论】：