Member 12938297 Ответов: 1

Как поместить текст на прокручивающиеся изображения?

Привет....

Я должен отобразить 5 прокручивающихся изображений вместе с текстом.

Кто-нибудь знает, как это сделать?

Что я уже пробовал:

я использовал стиль,

* {
маржа: 0;
заполнение: 0;
граница: 0;
}

/ * соответствующие стили */
.ИМГ__обруча {
положение: относительное;
высота: 500px;
ширина: 1000px;
}

. img_ _ описание {
положение: абсолютное;
топ: 0;
дно: 0;
слева: 0;
справа: 0;

цвет: #000;
видимость: скрытая;
непрозрачность: 0;
размер шрифта: 40px;

/* эффект перехода. не нужный */
переход: непрозрачность. 2s, видимость. 2s;
}

.ИМГ__обруча:наведите .ИМГ__описание {
видимость: видимая;
непрозрачность: 1;
}

и
html код как
<div class="img__wrap">
  <img class="img__img" src="img1/itint.jpg" />
  <p class="img__description">This image looks super neat.</p>
</div>

1 Ответов

Рейтинг:
2

omerkamran

Этот код отображает ваши 5 изображений и текст на нем.какое задание вы столкнулись оригинальному замыслу режиссера, потрудитесь объяснить

<div class="img__wrap">
  <img class="img__img" src="img1/itint.jpg" />
  <p class="img__description">This image looks super neat.</p>
</div><div class="img__wrap">
  <img class="img__img" src="img1/itint.jpg" />
  <p class="img__description">This image looks super neat.</p>
</div>
<div class="img__wrap">
  <img class="img__img" src="img1/itint.jpg" />
  <p class="img__description">This image looks super neat.</p>
</div><div class="img__wrap">
  <img class="img__img" src="img1/itint.jpg" />
  <p class="img__description">This image looks super neat.</p>
</div>

Member 12938297

я могу прокручивать изображения...
но текст не отображается на изображении...приведенный выше код работает для фиксированного изображения.......
пожалуйста...подскажите, как это сделать в случае прокрутки изображения...