PuzzleWeb
.ru
HTML
CSS
JavaScript
PHP
Apache
Самоучитель CSS
>
Прозрачность
> Прозрачность при наведении
Прозрачность при наведении
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Название документа</title> <style> img { float: left; margin-right: 5px; opacity: 0.4; filter: alpha(opacity=40); /*для IE8 и более ранних версий*/ } img:hover { opacity: 1.0; filter: alpha(opacity=100); } </style> </head> <body> <img src="../../images/teacher/css_ex1.jpg"> <img src="../../images/teacher/css_ex2.jpg"> </body> </html>
Результат:
Отредактируйте код, указанный выше, и нажмите кнопку "GO" для просмотра результата.