I agree with avoiding opacity css filters because it will apply to the children of the container. Here’s some css code that will work in both IE5-up and Mozilla:
It is an example of using the IE-only AlphaImageLoader and the “* html” hack to provide cross-browser support for png transparency.
#alphaImage /* Will not be seen by browsers that don’t support css. */
{
height: 200px;
width: 200px;
background-image: url( aqua.png );
float: left;
}
* html #alphaImage /* Will only be seen by IE */
{
background: none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader
(
src=’aqua.png’,sizingMethod=’scale’
);
}
#fallbackImage /* This will be seen by browsers that don’t support css,
it is hidden for browsers than can do css. */
{
display: none;
}
}
This is not my code but taken from the following URL:
https://www.nrkn.com/alpha/