DIV浮動問題

Question

このpage

に示すように、私は上のトップスライドショーの表示するには、ロゴのオーバーフローし一部を作るために私ができるすべてを試してみましたが、それは動作しません。 CSSは次のとおりです。

#logo { 
    float: left; 
    position: absolute; 
    margin-top: -58px; 
    width: 250px; 
    margin-left: -52px; 
} 

.clear { 
    clear:both 
} 

#gallery { 
    width: 100%; 
    float: left; 
    margin-bottom: -28px; 
    position: absolute; 
    height: 509px; 
} 
    #gallery a { 
     float:left; 
     position:absolute; 

    } 

    #gallery a img { 
     border:none; 
     width: 100%; 
     float: left; 
     position: absolute; 
     margin-bottom: -28px; 
    } 

    #gallery a.show { 
    z-index:500; 
    width: 100%; 
    position: absolute; 
    margin-bottom: -28px; 
    height: 509px; 
    float: left; 
    } 

    #gallery .caption { 
     z-index:600; 
     background-color:#000; 
     color:#ffffff; 
     height:100px; 
     width:100%; 
     position:absolute; 
     bottom:0; 
    } 

    #gallery .caption .content { 
     margin:5px 
    } 

    #gallery .caption .content h3 { 
     margin:0; 
     padding:0; 
     color:#1DCCEF; 
    } 

Answer 1

ちょうどその時、それは動作するはずロゴIDのz-indexを追加します。あなたのロゴの半分がスライダの後ろに座っています。

#logo { 
    float: left; 
    position: absolute; 
    margin-top: -58px; 
    width: 250px; 
    margin-left: -52px; 
z-index:599; 
}