Блоки с товарами, при наведении на фото, первое скрываем, показываем второе, как быть с размерами фото, не адаптивно?

Всем привет.
Сделал блоки с товарами, так же сделал фишку простую, при наведении на фото, первая фотка скрывается и показывается вторая.
Вторая фотка прячется под первую.

О проблеме, как сделать чтобы фото резиновое было, у блока под классом imgss, где две фотки, вторая под первой прячется, присваивается размер, width: 100%; height: 270px;, я как только не пробовал и height: 100%; и height: auto; но так фото не видно. Видно фото если прописан размер блока у класса imgss, но так не адаптивно, как быть?

Фото резиновое если поставить width: 100%, но без height: 270px оно не видно будет, и выходит так, что у блока с классом imgss где фото, height фиксирован и мешает адаптации, вообщем чтоб понять смотрите пример.

Пример:
https://jsfiddle.net/vlit/ag14ju8s/158/
  • Вопрос задан
  • 66 просмотров
Решения вопроса 1
ws17
@ws17 Автор вопроса
Два готовых вариант, с гридом: https://jsfiddle.net/gxouwqjy/
Без грида: https://jsfiddle.net/vlit/ag14ju8s/169/
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@Softlink
Наложение фотографий можно делать не только абсолютом.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы