IE6很恶心,你有两种选择:
- 牺牲性能和代码质量,换取完美获得设计稿
- 牺牲视觉效果,换取代码简洁和性能
具体说明见下方:
---
png不是简单的8/24/32这么分的。分哪几种呢?
- png8 索引透明:256色,像素可以分为透明和不透明。
- png8 alpha透明:256色,像素可以分为 (**%) 透明和不透明。**请用Fireworks制作此格式**
- png24:这东西不透明。**这不是Photoshop里的png24!!那东西其实是png32!!**
- png32:色彩丰富,具体多少种记不住。透明特性同alpha。
下面说说IE6的情况。
- png8 索引:半透明像素外边有一圈底色狗牙,无法避免。你可以在Fireworks里控制杂色混合来伪造半透明,但狗牙永远会有。
- png8 alpha:你的半透明像素会直接消失,被当成透明的处理……
- png32:没有狗牙,但是底色是蓝灰色。
png的更多知识见:
dtop.powereasy.net/Item.aspx?id=1958我个人建议用png8索引透明应付ie6,同时尽可能避免复杂背景和变化背景的情况。更完美的效果交给渐进增强实现。
至于不透明图片,纯色较多的建议用png,不仅压缩比更好,也不会出现一些莫名其妙的噪点——如果你用jpg,有极大可能在纯色背景上出现大量噪点(使用QQ截图深有体会)。