Tryit Editor v1.4

<html> <head> <style type="text/css"> img { opacity:0.4; filter:alpha(opacity=40) } </style> </head> <body> <h1>Image Transparency</h1> <img src="klematis.jpg" width="150" height="113" alt="klematis" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /> <img src="klematis2.jpg" width="150" height="113" alt="klematis" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /> </body> </html> | Your Result:
Edit the code above and click to see the result. | W3Schools.com - Try it yourself