Submit Tutorial

spacer
Newsletter

spacer
RSS
spacer
Submit Tutorial

spacer
website promotion banner
eturnkeys
Your Ad Here
Turning off the Internet Explorer Image Toolbar
by Stefan Mischook
Putting Images On Your Web Site
by Amrit Hallan
Images
by Depiction.net
Basic HTML
by Lindsay Coome
Free Web Designs
A collection of free web templates. Premium quality web designs, easy to browse.
HTML and CSS tutorials
A collection of free web templates. Premium quality web designs, easy to browse.
UK Hosting Services
Provider of low cost affordable UK web hosting services.
HTML and CSS  Home HTML and CSS Articles Image Opacity Control By CSS
rss

Image Opacity Control By CSS

Author: Arnab_Ghosh More by this author

Added: Dec 22, 2005 Rating:  Average Rating: 3.07 Votes: 72 Position: 7536 of 13509Average Rating: 3.07 Votes: 72 Position: 7536 of 13509Average Rating: 3.07 Votes: 72 Position: 7536 of 13509Average Rating: 3.07 Votes: 72 Position: 7536 of 13509Average Rating: 3.07 Votes: 72 Position: 7536 of 13509 Level: All levels Software:  DreamweaverGoLiveFrontPage

This is only viewable in Internet Explorer. This script will make an image grey until it has a mouse over it. Once you mouseoff, it changes back to grey. Copy and paste this code into your <img>command.

style="filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)" onmouseover="this.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=0)'" onmouseout="this.style.filter = 'progid:DXImageTransform.Microsoft.BasicImage(grayscale=1)'"

To see the effect move your mouse to the following image.

photo1



Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

HTML and CSS  More HTML and CSS: Most Popular Materials | Fresh Materials | More HTML Tutorials at Markuptutorials.com
Add comments to "Image Opacity Control By CSS"