css - DIV の配置の問題

Question

このページに空手の画像を追加すると、ロゴの一部が切り取られます。負のマージンを使用してみz-indexましたが、問題は解決しませんでした。私は空手のイメージの上にとどまるためにロゴを望みました. CSS は次のようになります。

#rack #header #logo {

    float: left;
    height: auto;
    width: auto;
    margin-bottom: -54px;
    z-index: -999;
}

Answer 1

z-indexposition:relativeまたはでのみ機能しposition:absoluteます。

これを使って、

#rack #header #logo {    
    float: left;
    height: auto;
    width: auto;
    margin-bottom: -54px;
    z-index: 100;
    position: relative;
}