CSS3 Div位置

Question

我有一個使用CSS3動畫的加載圓。一旦加載循環完成動畫，一個空的div會淡入。我遇到問題時將另一個div的空白div放在頂部。任何幫助深表感謝。

jsFiddle

Answer 1

可以使用z-index放置在 '層' 的元素。

z-index:1000; 

會使元素分別在0以上1000層。

Answer 2

jsFiddle NEW jsFiddle包含圓圈上方的元素。

爲.wrap創建一個新的CSS規則如下：

.wrap{ 
    float: left; 
} 

沒有必要爲你使用z-index財產，因爲你已經擁有了DOM與您攜手，不是打擊你。

Answer 3

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

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

玩得開心:)