DIV плавающий выпуск

Question

Как показано на этой странице

Я перепробовал все, что мог, чтобы переполненная часть логотипа отображалась поверх слайд-шоу, но это не сработало. 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

Просто добавьте z-index в качестве идентификатора вашего логотипа, тогда оно должно работать. Половина вашего логотипа находится за слайдером.

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