Как сделать так, чтобы изображение появлялось только при наведении на него курсора - PullRequest
1 голос
/ 11 октября 2019

Я хочу, чтобы мое изображение появлялось только при наведении мыши на него, и я попытался поместить его в раздел стилей, но оно не сработало. Правильно ли этот код?

<style type=“text/css”>
img{opacity: 0;}
img:hover{opacity: 1;}
</style>

1 Ответ

8 голосов
/ 11 октября 2019

Вы используете неверный тип кавычек.

Измените “text/css” на "text/css".

Неверно

<style type=“text/css”>
  img {
    opacity: 0;
  }

  img:hover {
    opacity: 1;
  }
</style>

Правильно

<style type="text/css">
  img {
    opacity: 0;
  }

  img:hover {
    opacity: 1;
  }
</style>
...