文字覆盖在图片上

Question

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

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

Answer 1

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

.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}