This tutorial shows you how to filter image opacity in IE and Firefox. Ever had an image that doesn't blend too well with the background, or ever have something else you want to just kinda show under the image? You can filter the opacity of your images to make them look more transparent. I'll show you how to vary the opacity if your images in all browsers.
Here's an example:
 to
I didn't change the image, I simply applied some code to it! And this is the code I used:
<img src="image.gif" style="filter:alpha(opacity=50); opacity: 0.5;" alt="" />
Internet explorer reads filter:alpha(opacity=#), # ranging from 0 to 100 and standing for percent opacity. Firefox reads opacity: #, the number ranging from 0 to 1.
|
]