为什么这个div的z-index高于模态（colorbox）？

Question

即使打开模态（彩色框），我也会尝试显示div。我做的是为它设置了更高的z指数，但是我没有运气。有什么想法吗？

Here's the link

代码：

    <div id="facebooklike" class="facebooklike">
    <div class="facebookinner">
    bla bla bla

    </div>
    </div>

CSS：

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9997; overflow:hidden; box-shadow: 0px 0px 5px #000000;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

---

.facebooklike {
    background-image: url(images/likebackground.png);
    width: 230px;
    overflow:hidden;
    height: 70px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    z-index: 9999;

非常感谢大家:)））

Answer 1

div元素位置的默认值为“static”。除非您在CSS中将此值更改为relative或absolute等，否则z-index不适用。

.facebooklike {
    background-image: url(images/likebackground.png);
    width: 230px;
    overflow:hidden;
    height: 70px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    z-index: 9999;
}