html - 文字覆盖在图片上

我正在使用主滑块plugin.slide1 2 3都有不同的类。尝试在图像上放置文本，但不显示。我试过了
但什么都看不到

.classnameslide1:before {
content: 'Text inserted before via CSS';
 }
and
.classnameslide1:after{
content: 'Text inserted before via CSS';
 }

最佳答案

对伪元素使用父级和绝对位置的相对位置，例如，

.classnameslide1 {position: relative; z-index: 1}
.classnameslide1:after {content: 'Text inserted before via CSS'; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); z-index: 3}

关于html - 文字覆盖在图片上，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/53645972/