CSS3 Div位置

Question

我有一个使用CSS3动画的加载圈子。 加载圆环完成动画设置后，一个空的div就会淡入。我在将空div放在另一个div的顶部时遇到了问题。 任何帮助深表感谢。

的jsfiddle

Answer 1

添加position:absolute; 和top:0; 框式

.box {
   background: #dedede;
   height: 200px;
   width: 200px;
   animation: in 3s forwards;
   position:absolute;
   top:0;
}

玩得开心 ：）

Answer 2

您可以使用z-index将元素放置在“图层”中。

z-index:1000;

将使元素分别在0之上1000层。

Answer 3

jsFiddle新增jsFiddle包括圆圈上方的元素。

为.wrap创建一个新的CSS规则，如下所示：

.wrap{
  float: left;
}

不需要使用z-index属性，因为您已经在使用DOM，而不是不利于您。