本解决方法满足IE和FF间的兼容问题。
完全使用CSS控制,减少js的代码干扰。
<div style="float:left;width:181px;height:40px;background-color:transparent;background-image:url('c3.png')!important;background-image:none;*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='c3.png');"></div>
使用一个DIV来显示当前的PNG图片。红字部分是必须的代码。宽和高根据具体使用的图片进行相应设置。
此代码原理为:
在IE中,理解为background-image为空,使得DIV用filter显示PNG。
在FF中,理解为backgound-image为要显示的图片,忽略filter部分的代码内容。
写图片地址时,注意路径的问题。
CSS PNG兼容方案
本文介绍了一种纯CSS方法,用于解决Internet Explorer (IE) 和 Firefox (FF) 浏览器间PNG图片显示的兼容性问题。该方法通过特定的CSS属性设置,在IE中利用滤镜显示PNG图片,而在FF中正常加载背景图片,避免了JavaScript的介入。
1367

被折叠的 条评论
为什么被折叠?



