Наложение текста на изображение

Я использую основной слайдер plugin.slide1 2 3 все имеют разные классы. Попытка разместить текст поверх изображения, но не отображается. Я пробовал это но ничего не видел

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

добавьте свой html с примером, чтобы не проголосовать против.

— 06.12.2018 08:00

Я пытаюсь вставить текст с помощью CSS, а не html, который является <div class = "classnameslide1"> <h2> Текст, вставленный через HTML (обычный способ) </h2> </div>

— 06.12.2018 08:06

html wordpress css

06.12.2018 07:48

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Введение в CSS

CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.

Как выровнять Div по центру?

Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...

Навигация по приложениям React: Исчерпывающее руководство по React Router

React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

Toor - Ангулярный шаблон для бронирования путешествий

Toor - Travel Booking Angular Template один из лучших Travel & Tour booking template in the world. 30+ валидированных HTML5 страниц, которые помогут...

Ответы 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}

поэтому я добавляю classnameslide2 classnameslide3 classnameslide4 дает мне пустые 2-й и 3-й слайды

— 06.12.2018 08:45

06.12.2018 08:02