当前位置：vista屋 -> 文章内容
 

用CSS实现像vista一样很酷的透明效果(附漂亮截图)


精灵空间有不少地方都有类似vista的很酷的透明效果。可以先看这个演示：精灵部落 
    如果你对图片保存格式有些了解的话，你会发现gif图片是可以保留部分透明效果的，在网页中直接使用gif图片的话，可以部分透明，但效果并不完美，比如图片边沿不整齐，不能半透明等等。实际上，还有一种网页中很常用的.png格式的图片可以很完美的保存图片的透明效果。在ps中设计出来的各种透明半透明效果，只要你正确的将它保存为.png格式的话，图片打开的效果几乎和在ps中是一样的，边沿很光滑，透明度也都一致。我们今天这里不重点讨论怎么制作带有透明效果的.png格式图片，我们来讨论怎么让它在网页中完美的显示出它的透明的魅力。
也许也有朋友尝试过要做出一些透明的效果，也有朋友知道.png图片可以是有透明效果的，但是怎么一放到网页里面，显示的效果就变味了呢？
事实上，firefox是可以直接完美的支持.png图片的透明效果的。不信朋友们现在就可以试试，在网页里面插入任何一个带有透明效果的.png图片，用firefox打开。
只可惜，现在毕竟还是使用ie的同志占