Проблемы с hover на картинке

345

19 марта 2017, 03:25

Есть картинка .png, я повесил на нее :hover, но при наведении меняется все кроме картинки, в чем может быть проблема ?

Answer 1

Сложно догадаться, что вы имеете ввиду и что хотели бы видеть на выходе, но например:

смена изображений по наведению:

img:hover{ 
  content: url('http://rs1054.pbsrc.com/albums/s499/vadimzbanok/1327.jpg~c200'); 
}

<img src="http://www.codeproject.com/KB/GDI-plus/ImageProcessing2/img.jpg" alt="">

или так:

.on { 
  display: block; 
} 
 
.off { 
  display: none; 
} 
 
.wrap:hover .on{ 
  display: none; 
} 
 
.wrap:hover .off { 
  display: block; 
}

<div class="wrap"> 
  <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/6/61/HTML5_logo_and_wordmark.svg/200px-HTML5_logo_and_wordmark.svg.png" alt="" class="on"> 
  <img src="https://php.quicoto.com/wp-content/uploads/2013/06/css3.jpg" alt="" class="off"> 
</div>