Z-インデックスまたはレイヤの順序

Question

私はそれのほとんどは離れて犬から、きれいに整備されているこのThis site

に取り組んでいます。 "ペットフレンドリーな製品"あなたが見ることができるように、彼はフェンスのあるグラフィックの下に座っています。だから色の重なりが起こっている。私は理想的には、犬がその層の上に座る必要があります。

私はこれをどのように達成することができますか？

ありがとうございます。

Answer 1

イヌに次のプロパティを追加しないZインデックスが定義されていない場合

position: relative; 

のみ位置決め要素（z屈折率規則に従う、層の順序は、の要素の実際の順序によって定義されますページ）。

Answer 2

それが上部に配置された画像を配置することによって

.petfriendly{ 
    float: right; 
    left: 834px; 
    margin-right: 20px; 
    margin-top: -130px; 
    position: absolute; 
} 

に画像 内のクラスのためのあなたのCSSを変更

。

Answer 3

z-indexを動作させるには、positionをstatic（デフォルト値）と異なる値に設定する必要があります。

はこれを試してみてください： `ポジションを作る

.petfriendly { 
    float: right; 
    margin-right: 20px; 
    margin-top: -130px; 
    position: relative; // added 
}