ie9以下兼容background-size属性

原创 2016年08月29日 10:08:03

我们知道background-size是css3属性,其浏览器兼容性如下图(图片来源W3School

这里写图片描述

解决这个问题需要在css中增加

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=sURL, sizingMethod=sSize);

其中,AlphaImageLoader的详细使用可以参考MSDN,以下截取其中部分内容

这里写图片描述

可以看到AlphaImageLoader Filter适用于ie5.5及其以后版本,但是对于ie9是过时的,ie9可以直接使用background-size属性。sProperties的属性src指明需要加载的图片,属性sizingMethod的可选值如下

这里写图片描述

版权声明:本文为博主原创文章,未经博主允许不得转载。

IE9以下的兼容问题解决方案

在网站开发中不免因为各种兼容问题苦恼,针对兼容问题,其实IE给出了解决方案Google也给出了解决方案百度也应用了这种方案去解决IE的兼容问题  百度源代码如下 http://www.w3....
  • xiagh
  • xiagh
  • 2017年07月12日 13:23
  • 213

自定义插件-让IE9以下的浏览器支持H5属性placeholder

自从有了H5让我们喜也让我们忧,新特性用起来很炫、很酷提高了不少工作效率,但有不得不考虑该死的IE浏览器(从此微软的形象一落千丈)。 在H5总我们会使用placeholder属性来实现文本水印提示信息...
  • lxcao
  • lxcao
  • 2016年11月16日 23:07
  • 1327

让ie8以下支持background-size的方法

1、通过滤镜的方法  [css] view plain copy print? body {      background: url() no-repeat center;    ...

IE9以下的this指向问题

在JavaScript中,为了实现表现和控制相分离,可以通过0级的DOM事件属性或者2级的事件模型来实现,不过这两者在针对某个事件类型调用相应的事件句柄的时候,不能给事件句柄提供参数,也就是说,事件属...

让IE9以下的浏览器支持圆角及CSS3新特性

在网上有同学问我:如何在IE9以下版本的浏览器支持圆角的特性。为了让大家在以后的工作中能够更快、更有效的解决这种问题,现在把一种最简单、最有效的解决方案总结给大家,希望能够帮助到你!【就两步搞定!】 ...
  • lxcao
  • lxcao
  • 2016年11月16日 22:01
  • 2099

解决ie9以下的跨域问题

问题描述 网站中搜索页面输入关键词后,通过 jquery.ajax 加载数据, chrome, firefox, IE10+ 都可以顺利加载数据,但是IE9及以后版本不执 产生此问题的原因 ...
  • tquank
  • tquank
  • 2016年10月24日 18:31
  • 291

jeecg下使用zTree,IE9极其以下图标显示不出来,原来是...

我们的项目是基于jeecg的,使用到了zTree,最近开始调自适应IE,结果zTree在IE9以上版本,即IE10,edge显示正常,在IE9, IE8则显示不出来图标,效果如下所示, 下...

使用jQuery解决IE9以下无法支持input的placeholder的问题

placeholder是html5的新属性,可想而知,仅支持html5的浏览器才支持placeholder,目前最新的firefox、chrome、safari以及ie10都支持,ie6到ie9都不支...
  • cddcj
  • cddcj
  • 2016年09月08日 16:54
  • 1378
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ie9以下兼容background-size属性
举报原因:
原因补充:

(最多只允许输入30个字)