css - CSS3 分割位置

Question

CSS3 アニメーションを使用するローディングサークルがあります。ローディングサークルのアニメーションが終了すると、空の div がフェードインします。空の div を別の div の上に配置する際に問題が発生します。どんな助けでも大歓迎です。

score 4 · Accepted Answer

position:absolute;およびtop:0;ボックススタイルに追加

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

楽しんで：）

score 0 · Accepted Answer

z-index「レイヤー」に要素を配置するために使用できます。

z-index:1000;

要素をそれぞれ 0 より上の 1000 レイヤーにします。

score 0 · Accepted Answer

jsFiddle NEW jsFiddle には、円の上の要素が含まれます。

次のように新しい CSS ルールを作成.wrapします。

.wrap{
  float: left;
}

プロパティを使用する必要はありませz-indexん。これは、DOM がユーザーに対してではなく、ユーザーと連携して動作しているためです。

3 に答える 3