趁着小志的《css那些事儿》正火,引用一下标题,哈哈,傍大款。 首先请大家请给PNG8一个机会: 全透明的png8可以在任一浏览器正常显示(就像gif一样)。 推荐两篇文章给大家:http://www.ued163.com/?p=640,http://www.ued163.com/?p=645 半透明的png8在除了ie6及其以下的浏览器下错误的显示成全透明,其它浏览器都能正常显示半透明。这个bug并不需要特殊对待,因为在不支持半透明的浏览器下只是显示为全透明,对用户体验影响不大,它反而是透明gif的加强版。 第二个bug没有什么好的方法解决,只能通过影响性能的方法AlphaImageLoader与需要加特殊标签(VML)。 到底是png24 Alpha透明还是png32 Alpha透明? 其实这个问题根本就不用回答,这个可能跟每个人使用切图软件有关。 1.Photoshop Photoshop只能导出布尔透明(全透明或者全不透明)的PNG8。 Photoshop能导出alpha透明(全透明,全不透明,半透明)的PNG24。 Photoshop不能导出PNG32。 2.Fireworks Fireworks既能导出布尔透明的PNG8,也能导出alpha透明()的PNG8,半透明的png8在除了ie6及其以下的浏览器下错误的显示成全透明. Fireworks能导出PNG24,但是和jpeg差不多,不能透明。 Fireworks能导出alpha透明的PNG32。 所以png24 Alpha透明或者png32 Alpha透明只是使用切图软件差别,在浏览器中Alpha透明的。表现是一致的。 ie6下的png Alpha透明 目前ie6下的png24 Alpha透明还是png32 Alpha透明只能使用影响性能的AlphaImageLoader方法,即使很多人说的使用js其实也是使用了这个方法。 方法在css中使用: filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=布尔值(Boolean),src=’图片路径’,sizingMethod=’设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式’); 参数说明:
-
WEB前端开发群
71795209(HTML+CSS,满)| 84902436(jQ满)
67764949(满) | 62389544(满)
80215851(满) | 31584324(满)
84902397(CSS,满)|71795162 (满)
71795235(满) | 62544413(jQ,满)|
84902470(js群,满)| 80215721(jQ,满)
75791124(满)|
7617538(js森林,入群条件)
66198794(jQuery森林,新群)
66199085(前端综合群)
潜水者勿扰,一个月清理一次潜水 -
订阅我/收藏我/关注我
-
文章分类
-
赞助商
-
近期评论
- ddd 在 Aptana Studio 3.0.0 beta发布 上的评论
- 小山 在 JQ插件:slide滚动插件 上的评论
- woiweb 在 JQ插件:slide滚动插件 上的评论
- 愚人码头 在 JQ插件:slide滚动插件 上的评论
- 小山 在 JQ插件:slide滚动插件 上的评论
- goodcza 在 【IE6的疯狂系列】IE6下position:absolute相邻元素margin-top失效的bug 上的评论
- xiaohui 在 友情链接 上的评论
- web前端寒风 在 【IE6的疯狂系列】IE6下position:absolute相邻元素margin-top失效的bug 上的评论
- sfs 在 写在js森林一周年之际 上的评论
- woiweb 在 Axure RP Pro 5.5.0.1945简体中文汉化包 上的评论
-
最近文章
-
标签
前端名言趣言 前端开发 前端开发工具 前端招聘 变形 图片压缩 布局 开发人员工具 招聘 渐变 相对定位 知识库 线性渐变 语法提示 调试 闪光字 页面模块化 Ajax border-radius box-shadow css css3 css hack css Sprites DebugBar hasLayout html IE IE6 IE6 BUG IE8 ieTester JavaScript jquery jQuery入门 jQuery插件 jQuery选择器 line-height meta MTJS PNG position:fixed transform vs2008 win7 -
文章存档
-
-
管理
点击最高的文章
- 关于前端开发工程师的地域、薪水、工龄、技能的调查 - 25,144 views
- 一个关于透明度继承的问题 - 21,587 views
- 【IE6的疯狂系列】IE6 BUG大全(bug征集、整理中..) - 16,947 views
- IE的条件注释【转载】 - 15,860 views
- 前端开发必备工具之网页调试工具篇(2009年4月6日更新发布) - 8,910 views
- 友情链接 - 8,641 views
- IE8的css hack - 8,459 views
- 【jQuery插件】等比例缩放图片浏览-LoadImage - 7,807 views
- 作为一名前端开发工程师居然没有IE6! - 7,500 views
- 用Aptana调试JavaScript教程 - 7,466 views
- 《精通CSS:高级Web标准解决方案》(CSS Mastery:Advanced Web Standards Solutions)下载 - 7,445 views
- Flex皮肤设计制作的捷径 - 7,406 views
- css自定义导航、按钮样式 - 7,262 views
- web开发利器Aptana studio 1.2(下载,破解,汉化)(2008年11月3日更新) - 7,186 views
- 【IE6的疯狂之九】li在IE中底部空行的BUG - 7,135 views
- DW cs4的jQuery语法提示插件 - 6,923 views
- 前端开发必备工具(2009年3月23日更新) - 6,423 views
- 【IE6的疯狂之十】父级使用padding后子元素绝对定位的BUG(2010年3月30日更新) - 6,402 views
- Blueprint CSS栅格化框架可视化生成工具-Boks - 6,400 views
- 前端调试利器DebugBar - 6,130 views
-
RSS源

