当然我们不能只顾 ie里面如何。一般情况下，我们还需要考虑如何兼容 firefox。上面已经说过了，在 firefox里面其实是可以直接兼容 .png的透明格式的，所以这里更简单：
width : 16px ;
height : 42px ;
background : transparent url(images/Red_03.png) no-repeat ;
下面综合起来看这个兼容的样式应该怎么写：
. Transparent {
width : 16px ;
height : 42px ;
background : transparent url(images/transparent.png) no-repeat ;
}
* html . Transparent {
background-color : transparent ;
background-image : none ;
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/ transparent.png", sizingMethod="crop") ;
}
为什么这样可以兼容呢？
首先我们看，.Transparent这个样式本身就是兼容firefox的。而后面的* html这个符号只有ie可以识别，熟悉样式兼容的朋友肯定经常用到这个写法。那么* html . Transparent在ie里面就将覆盖或者添加样式的属性，实现透明效果。有兴趣的朋友，不防一试。
