无法使色带边缘保持在顶部

Question

所以，我修改了一个wordpress标签小部件，这样我就可以看到我附加的图像，只是我有一个问题。

我无法使色带边缘保持在网站布局的顶部。 我已经演示了到目前为止我所做的事情here.

所以我添加了这段代码来显示图片：

#wp-tabs-1 .ui-tabs .ui-tabs-nav:before{
    content: url(../images/l-corner.png);
    width: 47px;
    height: 43px;  
    position: absolute;    
    left: -5em;    
    z-index: 999;
}

#wp-tabs-1 .ui-tabs-nav:after{
    content: url(../images/r-corner.png);
    width: 47px;
    height: 43px;
    position: absolute;
    right: -5em;
    z-index: 999;
}

我尝试了所有与z-index相关的定位组合，似乎没有任何效果，使色带边缘保持在顶部。

Answer 1

他们被.grid { overflow: hidden }隐藏了。将其更改为.grid { overflow: visible }或只是删除它，它应该有效。