如何使Div超越身体

我要为firefox开发一个插件,但是我对设计有疑问。为了解释下图中的情况,您会看到一个弹出框,其中有一个深灰色框。我从上到下对这个框进行了动画处理,因此它在弹出窗口中缓慢移动。这是一个div,我希望该div位于白色主体上。因此,div处于动画状态,后面的所有内容都不可见,但是div具有与主体相同的宽度和高度。您仍然可以看到身体的左右,上下以及底部,但是为什么呢? div是否超出了车身设计,我该怎么做? 图片:http://prntscr.com/puo44r

那是我的代码:

  <!DOCTYPE html>

<html>

<head>
          <meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<style>
          body {
                    background-color: white;
                    width: 385px;
                    height: 520px;
                    text-align: center;
          }

          .kw_popup {
                    display: none;
                    background-color: #333;
                    width: 385px;
                    height: 520px;
                    z-index: -1;
          }
</style>

<body>
          <div class="kw_popup" id="kw_dark">

          </div>
</body>

<script src="jquery.min.js"></script>
<script>$(document).ready(function () {
                    $("#kw_dark").slideDown("slow");
          });</script>

</html>
Davids168 回答:如何使Div超越身体

您可以将position: fixed添加到div。

当元素具有position: fixed时,该元素将从页面流中删除,并且将位于页面的每个元素上方。

希望这会有所帮助。如果不行,请予以注释:)

本文链接:https://www.f2er.com/3132170.html

大家都在问