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

Question

所以，我修改了一个 wordpress 选项卡小部件，以便让它看起来像我附加的图像，只是我有一个问题。

我不能让功能区边缘停留在网站布局的顶部。我有一个到目前为止我在这里所做的演示。

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

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