WordPress主题滑块图片:after伪元素无法超出父容器求助

• 检查.img-box及其所有祖先容器的overflow属性：若任何一层设置了overflow: hidden，伪元素超出部分会被裁剪。用浏览器开发者工具（F12）逐个排查，将对应容器的overflow改为visible（需确保不影响其他布局）。

• 确认.img-box的定位基准：你的伪元素使用position: absolute，需依赖最近的定位祖先（设置了position: relative/absolute/fixed的元素）。给.img-box添加定位和溢出控制：

.img-box {
    position: relative;
    overflow: visible !important;
}

• 调整伪元素挂载目标（若父容器overflow无法修改）：如果主题自带的.img-box或其祖先的overflow: hidden不能修改，可将伪元素挂载到.img-box的父容器上。假设父容器类名为.slide-item，修改CSS如下：

.slide-item:after {
    position: absolute;
    content: '';
    width: 70px;
    height: 70px;
    background-color: green;
    left: 0;
    top: 0;
    transform: translate(-20%, -20%);
    z-index: 50;
}
.slide-item {
    position: relative;
    overflow: visible;
}

• 排查堆叠上下文问题：若伪元素仍不显示，检查祖先元素是否设置了z-index形成堆叠上下文，导致伪元素层级失效。可尝试给.img-box设置z-index: 1，伪元素保持z-index: 50。

内容的提问来源于stack exchange，提问作者VSdev