COVID2019 и это вот все. Друзья, вся эта история начинает плохо пахнет. Мойте руки, не ходите в люди. Отложите все плановые покупки и положите в носок заначку. Заприте ваших родителей, бабушек-дедушек на даче. Лучше перебдеть чем недобдеть. Берегите себя!

Не могу решить проблему с Css


dimakusch

Recommended Posts

Здравствуйте! появилась проблема, никак не могу вывести замену картинки при наведении через :hover. Посмотрите пожалуйста, что не так. 
Вот стили Css: 


.yesvot {
   background: url(../image/yes.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 15px;
}
.yesvot :hover{
   background: url(../image/yes2.png);
}
.novot{
   background: url(../image/no.png);
    background-repeat: no-repeat;
    width: 16px;
    height: 15px;
   }
.novot :hover{
   background: url(../image/no2.png);
   }
 

Вот код в модуле куда вывожу картинку с CSS: 


ivotings[elm_id].innerHTML = '<span style="color: #666;">Отзыв полезен? <a id="yesvot" '+ clik_up+ '><img src="/image/yes.png"  class="yesvot"/></a> <b id="nvup">'+ nvup+ '</b> / <a id="novot" '+ clik_down+ '><img src="/image/no.png"  class="novot"/></a> <b id="nvdown">'+ nvdown+ '</b></span>';

 

Ссылка на комментарий
Поделиться на других сайтах

33 минуты назад, Lordaaa сказал:

Пробел уберите перед 

 

З.Ы. никогда бы не придумал задавать фон картинке.

 

Пробел убрал, ничего не происходит. 

А где вы увидели фон? Планируется заменять картинку на картинку при наведении. 

 

Пример под спойлером, при наведении на оценку комментария, рука затемняется немного.

 

Ссылка на комментарий
Поделиться на других сайтах

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Гость
Ответить в тему...

×   Вы вставили отформатированное содержимое.   Удалить форматирование

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу