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

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 } 或简单地删除它，它应该可以工作。