WEB前端一些兼容IE8 浏览器的写法

兼容ie8 rgba()用法

1.background: rgba(255,255,255,.1);设置透明颜色不支持ie8浏览器，需要使用filter来实现

background: rgba(255,255,255,.1);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#19ffffff,endColorstr=#19ffffff);

第一部是#号后面的19 。是rgba透明度0.1的IEfilter值。从0.1到0.9每个数字对应一个IEfilter值。对应关系如下：

第二部分是19后面的六位 。这个是六进制的颜色值。要跟rgb函数中的取值相同。比如rgb(255,255,255)对应#ffffff；都是白色

IE8浏览器不支持background-size:contain

1.也可以使用filter模拟实现

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
            src='/res/images/sy_bgwl4_pc.jpg',
            sizingMethod='scale');

src为你的图片真实路径

IE8浏览器不支持scale缩放的

1.可以使用ie特有的缩放属性zoom来代替

后续有各种兼容的处理办法在陆续补充