Javascript 使div不透明以覆盖原始div

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

显然，“不透明”并不能解决这个问题

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

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

---

有没有一个简单的技巧可以解决我上面的代码的透明度问题，或者其他提示？

你肯定吗#whitebox正在覆盖#刺激？此外，jQuery fadeIn和fadeOut将切换display属性，因此，如果从具有display:none的元素开始并在其上运行fadeIn，它将显示该元素。也可以使用fadeToggle（）

尝试使用带有#fc3a54颜色的图像，而不是使用背景功能，然后您可以使用z-index来确保您的白盒位于前面

如果您添加问题的一部分，对我们来说可能更容易。那么您是说尽管

不透明度：100%div仍然略微透明？太好了！谢谢你，这正是我所需要的。关于这一点，还有一个问题：它工作得很好，但是我有没有办法去除这个“遮罩”图像周围的边界？我设置了边框：在CSS中没有，但它仍然有一个很小的边框。图像上不应该有一个颜色的边框。听起来边框是图像的一部分，如果不是这样的话，把它扔到JSFIDLE上，然后上传链接
#whitebox{
    background: #fc3a54;
    opacity: 1;
    position:absolute;
    height: 80%;
    width: 70%;     
}