js+css滤镜设置解决PNG24在IE6下显示问题

2013-08-28阅读(4777)评论(0)牵着狗狗看MM

苏州实时公交查询

上代码

 background:url(../images/logo_s.png) no-repeat;_background-image: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo_s.png', sizingMethod='corp')

项目路径为
未标题-2

语法:
filter : progid:DXImageTransform.Microsoft.AlphaImageLoader ( enabled=bEnabled , sizingMethod=sSize , src=sURL )
enabled: 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。
true:默认值。滤镜激活。
false:滤镜被禁止。
sizingMethod: 可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
crop:剪切图片以适应对象尺寸。
image:默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
scale:缩放图片以适应对象的尺寸边界。
src: 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。

注:
1、图片只能用背景图显示
2、不能同时对该元素进行定位
如果需要用这方法又要定位,那也还是有办法的,就是在此元素外加个包围元素,给它定位即可

如果需要用到定位的话,推荐用jQuery的插件,百度下jquery.pngFix.pack.js

<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/jquery.pngFix.pack.js"></script>

如上调用,就可以使用了

赞(0)
转载请注明来源:Web前端(W3Cways.com) - Web前端学习之路 » js+css滤镜设置解决PNG24在IE6下显示问题
分享到: 更多 (0)