Question

我有一个div＆＃34; whitebox＆＃34;这基本上是一个div应该涵盖我原来的刺激＆＃34; DIV。它很顺利，看起来很漂亮，但它没有覆盖原来的div，但似乎是透明的，所以我仍然可以看到我的原始div虽然它。但我希望它完全被覆盖。

显然＆＃39;不透明＆＃39;不解决它。

<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确保您的白盒位于前面

Answer 2

你是否肯定#whitebox正在覆盖#stimuli？此外，jQuery fadeIn和fadeOut将切换显示属性，因此如果您从一个具有display：none的元素开始并在其上运行fadeIn，它将显示它。您也可以使用fadeToggle（https://api.jquery.com/fadeToggle/）。

使div不透明以覆盖原始div

2 个答案: