css - 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 与你一起工作，而不是反对你。