javascript - 使div不透明以覆盖原始div

Question

我有一个 div“whitebox”，它基本上是一个应该覆盖我原来的“stimuli”div 的 div。它很顺利，看起来很好，但它没有覆盖原来的 div，但似乎是透明的，所以我仍然可以看到我原来的 div。但我希望它被完全覆盖。

显然“不透明度”无法解决问题。

<div id="stimuli"> Just press B and get started... </div>

$("#whitebox").fadeIn("fast").delay(500).fadeOut("fast");

CSS:

#whitebox{
    background: #fc3a54;
    opacity: 1;
    position:absolute;
    height: 80%;
    width: 70%;     
}

是否有简单的技巧来解决我上面的代码或任何其他提示的透明度问题？

Answer 1

尝试使用带有#fc3a54 颜色的图像而不是使用背景函数，然后您可以使用 z-index 来确保您的白框在前面