模块的opacity透明与PNG的阴影透明斗嘴

PNG的透明配置：直接在建造PNF-24模式的图时留有透明度就可以

题目：

本日在处理赏罚F7Dialog2.0项目时发明一个题目，那就是在IE中配置了一个模块的透明度后假如该模块内有插入可能配置配景的图片中带有半透明的PNG-24图片时此时的半透明就会渲染错误，造成图片很丢脸的效果。

缘故起因：

颠末研究判定，是filter属性的题目，至于个中的参数和赏识器的渲染模式我搞不清晰，这个有点深，IE专属filter的参数我也只用过alpha的opacity这个，其他的也没有乐趣搞清晰。

办理方案：

以我今朝的常识判定，两者不能共存，有了模块透明度，其内部就不要在呈现有透明度的PNG，除非你放弃IE赏识器。

以是我选择了IE6行使CSS配置模块透明度，其他赏识器行使PNG配置图片透明度来办理。

示例：
看看我调解后的CSS：
background-image:url("../img/yahoo_style_side.png");
_background-image:url("../img/yahoo_style_side_ie6.png");
_filter:alpha(opacity=80);

第一行给IE6不测的赏识器配置带有半透明的PNG图片
第二行给IE6配置独立的没有半透明的图片
第三行给IE6配置模块透明度

其它在PNG-24图片中配置的透明度必要与IE6 CSS配置的透明度保持同等，这样体验感才气更靠近。

综合以上环境，到达的结果是：除IE6不支持PNG半透明，但他支持模块透明。其他赏识器都支持PNG透明；

以是，你的PNG图片中没有渐变的阴影时两者到达的结果是同等的。

虽然，假如你的PNG图片不在半透明模块内部，也就不会呈现这样的题目。

声名：IE5及早年版本不做思量。

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!