Html z-index在移动设备上对标题cta文本有效，但在桌面上有效？

标题cta在桌面上工作，当我切换到移动设备时，什么也不会发生

我尝试在html中增加

z-index

number，而不是在样式表中

这是html，其中包含CTA:calltoaction，它被包装在三个span中：

.banner:：after{
内容：“；
显示：块；
宽度：100%；
身高：100%；
背景色：#333；
背景图像：线性渐变（向右，#0052d4，#4364f4），#6fb1fc；
位置：绝对位置；
最高：12%；
左：8；
不透明度：.7；
z指数：8；
}
@支架（混合模式：手灯）{
.banner：：之后{
不透明度：1；
}
}
.banner>*{
z指数：10；
位置：相对位置；
}

爱，
代码，
睡觉

为客户提供价格合理的服务。

为

添加
z-index
。英雄包裹。滑块文本。四分之一

.hero-wrap .slider-text .one-forth{
   z-index:9;
}

---

谢谢你，这很有效。。。我忘了它在它自己的房间里。。。从错误中吸取教训