Ответы Mail
Программирование
Android
C/C++
C#
iOS
Java
JavaScript
jQuery
SQL
Perl
PHP
Python
Веб-дизайн
Верстка, CSS, HTML, SVG
Системное администрирование
Другие языки и технологии
Лидеры категории
Лена-пена
М.И.
Y.Nine
•••
Искусственный Интеллект
Искусственный Интеллект
Искусственный Интеллект
Как сделать, чтоб картинка на сайте становилась прозрачной при наведении курсора?
tomas
(278),
на голосовании
15 лет назад
Голосование за лучший ответ
Vladimir
(157)
15 лет назад
Сайт ucoz.ru? Не нашел там куда наводить, у меня ничего прозрачным не становится (браузер Chrome).
А вообще в обычных браузерах (кроме IE) это можно сделать добавив такой стиль в таблицу стилей:
#img_id:hover {
opacity: 0.2;
}
Где число 0.2 - это степень прозрачности, изменяется от 0 до 1. img_id - это ID твоей картинки.
Хорошая статья про прозрачность http://www.tigir.com/opacity.htm
---
Подробнее на счет стилей:
Стиль можно засунуть на страницу, между тегами <head> и </head>, там еще <title></title> находится.
Пример:
<html>
<head>
<style type="text/css">
#img_id:hover {
opacity: 0.2;
}
</style>
</head>
<body>
<img src="test.jpg" id="img_id" />
</body>
</html>
Пример проверил - работает :)
А вообще в обычных браузерах (кроме IE) это можно сделать добавив такой стиль в таблицу стилей:
#img_id:hover {
opacity: 0.2;
}
Где число 0.2 - это степень прозрачности, изменяется от 0 до 1. img_id - это ID твоей картинки.
Хорошая статья про прозрачность http://www.tigir.com/opacity.htm
---
Подробнее на счет стилей:
Стиль можно засунуть на страницу, между тегами <head> и </head>, там еще <title></title> находится.
Пример:
<html>
<head>
<style type="text/css">
#img_id:hover {
opacity: 0.2;
}
</style>
</head>
<body>
<img src="test.jpg" id="img_id" />
</body>
</html>
Пример проверил - работает :)
Похожие вопросы
народ я новичок 3й день этим занимаюсь, объясняйте попроще плиз как для дебила;)