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

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

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

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

Можно ли прописать в scss ссылку и установить картинку?

Автор vova630

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

Автор nesskafe

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

Автор platonische

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

Автор KirillDragon

Ответов: 4
Просмотров: 740
Последний ответ 28.02.2018, 12:49:44
от KirillDragon
вывести элементы поверх остальных модулей

Автор lexxbry

Ответов: 6
Просмотров: 1417
Последний ответ 29.10.2017, 17:55:05
от lexxbry