当图像的z-index多于文本时，如何在图像上制作文本

Question

这是我的问题 -

我已将此CSS提供给左侧面板

.social {
position: absolute;
top: 16px;
z-index: 1;}

CSS的项目容器CSS就在这里

.projectContainer {
position: relative;
z-index: 10;}

我需要给.projectContainer提供z-index：10，因为如果我给z-index小于.social，那么链接（All，App，Card，..）就无法点击。现在项目容器正在左侧面板上。我怎么能解决这个问题？提前谢谢。