CSS3 div 位置

【问题标题】：CSS3 Div PositionCSS3 div 位置
【发布时间】：2012-12-23 10:16:27
【问题描述】：

我有一个使用 CSS3 动画的加载圈。加载圈完成动画后，一个空 div 淡入。我在将空 div 放置在另一个 div 上时遇到问题。非常感谢任何帮助。

【问题讨论】：

【解决方案1】：

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

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

玩得开心:)

【讨论】：

【解决方案2】：

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

z-index:1000;

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

【讨论】：

【解决方案3】：

jsFiddle NEW jsFiddle 包括圆圈上方的元素。

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

.wrap{
  float: left;
}

您无需使用z-index 属性，因为您已经让 DOM 与您合作，而不是与您对抗。

【讨论】：