AnSmirnykh
@AnSmirnykh
Изучаю Python, C++ и ML/DL.

Как сделать смену изображения при наведении и почему не загружается картинка через bacground?

Задача такая: нужно сделать смену изображения с чб на цветное при наведении мышки и срабатывании hover.

Какое решение я нашел в инете:
в html у меня так:
<div class="main">
-------- <div class="container">
---------- <div class="main-photo"></div>  <-- вот здесь должна быть png
             Тут ниже какой то контент из текстов и кнопок
-------- </div>
</div>


В CSS так:
.main {
    position: relative;
}
.main-photo {
        position: absolute;
        background: url(../img/my_photo.png);  <-- хочу загрузить чб картинку
        display: block;
        width: 80vh;
        right: 0;
        top: 45px;
}
.main-photo:hover {
    background: url(../img/my_photo2.png);  <-- а здесь хочу загрузить цветное изображение
}


И все бы ничего, но у меня не загружается картинка через такое свойство bacground.

В чем может быть ошибка? За ранее спасибо!
  • Вопрос задан
  • 60 просмотров
Решения вопроса 1
ThunderCat
@ThunderCat Куратор тега CSS
{PHP, MySql, HTML, JS, CSS} developer
background-image же
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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