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，而不是不利於您。