0 Пользователей и 1 Гость просматривают эту тему.
  • 3 Ответов
  • 487 Просмотров
*

stonehand

  • Новичок
  • 1
  • 0 / 0
Прошу не кидать камнями новичка. Нужно вывести картинку и сделать изменение её при наведении курсора
В материале в коде прописал <div class="imgcl"> </div>
в CSS
.imgcl {
background: url("/images/obsluga.jpg") no-repeat;
height: 200;
width: 200;
}
.imgcl:hover {
background: url("/images/obsluga_sl.jpg") no-repeat;
border: 2px solid #f00;
height: 200;
width: 200;
}

В итоге вижу только часть картинки высотой одну строку, в чём проблема помогите разобраться
*

Technic

  • Захожу иногда
  • 194
  • 7 / 0
Потому что это бэкграунд
Задайте высоту блока
*

sivers

  • Завсегдатай
  • 1777
  • 243 / 0
Добавьте в стиль одно из правил:
Код
background-size: cover;
под размер с обрезкой (для заполнения)

Код
background-size: contain;
чтоб целиком умещалось
На связи в telegram @sivers
sivers @ inbox . ru
https://sivers.su/
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Как разместить картинку за текстом в статье?

Автор PNP

Ответов: 11
Просмотров: 187
Последний ответ 10.08.2021, 20:59:27
от PNP
Можно ли прописать в scss ссылку и установить картинку?

Автор vova630

Ответов: 0
Просмотров: 163
Последний ответ 02.01.2021, 13:56:09
от vova630
Изменение размера модального окна

Автор nesskafe

Ответов: 4
Просмотров: 805
Последний ответ 16.06.2020, 17:43:05
от xpank
helix 3 не могу заставить работать position: sticky;

Автор platonische

Ответов: 0
Просмотров: 803
Последний ответ 04.01.2020, 16:01:16
от platonische
Разобраться с меню, нужно выставить красиво, по центру!

Автор KirillDragon

Ответов: 4
Просмотров: 826
Последний ответ 28.02.2018, 12:49:44
от KirillDragon