Question

我想创建一个包含.gif文件的div，并在每次页面启动时显示（我会在用户的会话中存储一个值，因此它不会显示登录后不止一次），然后淡出。我已经创建了一个div，但是如果内部没有任何内容，它就会以某种方式显示出来，即使我输入高度：100％;宽度：100％; 到目前为止，这是我的代码：

<style>
.fade {
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1111;
}
</style>

<div class="fade"></div>

Answer 1

.fade {
    top: 0px;
    left: 0px;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1111;
}

如果要覆盖所有屏幕，请务必添加固定位置，尤其是在显示此div时不要禁用滚动。

忘了左上角。这也非常重要！

此外，如果您使用％，有时父子元素关系会使您的宽度/高度陷入混乱。在那种情况下：

width: 100vw;
height: 100vh;

这意味着浏览器的视口高度和宽度。

Answer 2

Div .off()位于.fade，位于body。而众所周知，100％的零仍为零。将这两者的高度设定为100％：

html

Answer 3

只需添加

<m2:DeviceCapability Name="bluetooth.rfcomm">
  <m2:Device Id="any">
    <m2:Function Type="name:obexObjectPush" />
  </m2:Device>
</m2:DeviceCapability

Live example

在网站启动时淡出动画

3 个答案: