Jquery 如何在两个div之间淡入/混合

我有两个部门：

<div id="#content1">
    <div id="divWelcome" style="margin-top:50px;">
        <div id="headerimg" style="position: relative;">
            <div style="position: absolute; bottom:255px; left: 20px; width: 550px; font-family:DIN; font-size:23pt; font-weight:600; color: white; letter-spacing:0.01em;">
                We offer Cloud solutions for small businesses to help them manage their workflow requirements
            </div>

            <hr style="height:6px;position: absolute; bottom:210px; left: 20px; width: 490px;"/>


            <div style="position: absolute; bottom:175px; left: 20px; width: 550px; font-family:DIN; font-size:14pt; font-weight:500; color: white; letter-spacing:0.01em;">
               Our core sectors of expertise are professional services, data management and outsourcing.
            </div>

        </div>


        <div id="divAboutContents" style="margin-top:50px; background-color:red;position: relative;display: none;">
            &nbsp;
        </div>
     </div>
</div>

我还可以尝试/阅读什么？谢谢

铌 这是我的CSS的一部分

#content1 {
    clear: both;
    position: absolute;
}

---

另外，我正在淡出另一个。只是忘了把它放在问题里。我受到的影响是“笨重”

您必须将两个div包装在位置：相对div，并将它们设置为绝对位置。这样一来，div将是一个覆盖另一个，您不必淡出底部div，只需淡入/淡出顶部div，它将产生淡入效果。

请定义“不太令人愉快”？到底发生了什么？这是因为淡入淡出是在内容可见或不平滑时开始的？这不是重复。我已经发布了另一个问题，它不适合我，所以我重新发布了更完整的html。请波林-请检查事实，前面的答案没有回答这个问题！听起来很有希望。这对我来说是全新的。你能提供一个更完整的答案吗？感谢它们已经绝对定位在相对定位的div（内联样式）中。

#content1 {
    clear: both;
    position: absolute;
}