css - DIV float 问题

Question

如图所示 page

我已尽我所能使 Logo 的溢出部分显示在幻灯片放映的顶部，但它不起作用。 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

只需为您的 Logo ID 添加 z-index 即可。 Logo 的一半位于 slider 后面。

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