菜单
  • 0+

    合作客户

  • 0+

    年服务经验

  • 0+

    服务标准

  • 0+

    专业团队

  • 0%

    客户好评

CSS实现PNG图片在ie6下兼容,滤镜

发布时间:2014-07-18
对于网页中的背景图片总是很头疼,很多网页中的图片有透明效果,咱们用gif图片就可以,但是有些半透明的图片,gif就不行了,而且毛边很严重,所以要用png格式的图片来拯救网页;
    ie6,咱就不说他万恶了,他不支持png图片,咱就想办法让他支持;
    ie自带的滤镜效果很强大,虽然说有性能影响,但也不能不用啊,总不能去学别人弄段js吧(虽然不知道哪种更浪费);
 
    .classA{  background:url(big.png) no-repeat center center; _background-image:none;_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='image', src="images/big.png");  
    }
enabled  :  可选项。布尔值(Boolean)。设置或检索滤镜是否激活。
          true | false true  :  默认值。滤镜激活。     false  : 滤镜被禁止。
sizingMethod  :  可选项。字符串(String)。设置或检索滤镜作用的对象的图片在对象容器边界内的显示方式。
         crop  :  剪切图片以适应对象尺寸。
         image  : 默认值。增大或减小对象的尺寸边界以适应图片的尺寸。
         scale  :  缩放图片以适应对象的尺寸边界。
src  : 必选项。字符串(String)。使用绝对或相对 url 地址指定背景图像。假如忽略此参数,滤镜将不会作用。
 
上面代码中 _background-image:none; 专门为ie6设置,包括后面的 _filter:等利用hack使ie6不会实现
background:url(big.png) no-repeat center center; 所以也就有弊端了,background-position在ie6中不可以设置吧

最新案例

想您所想,定您所需

联系鼎硕科技,为您免费打造高品质互联网解决方案。

咨询相关问题或预约面谈,可以通过以下方式与我们联系

400-860-6108    

扫描二维码
与销售顾问咨询

多一份免费策划方案,总有益处。

请直接添加销售顾问微信联系咨询
QQ在线咨询 暂不需要

400-860-6108