IE8常见兼容

IE8常见兼容

1. 用来指定ie浏览器去模拟某个特定版本的IE浏览器的渲染模式

   < meta http-equiv="X-UA-Compatible" content="IE=8" >

2. background-size;background-size 指定背景图像大小

   background-size:contain | cover | 100px 100px | 50% 100%;

   contain:保持图像的纵横比并将图像缩放成将适合背景定位区域的最大大小

   cover:持图像的纵横比并将图像缩放成将完全覆盖背景定位区域的最小大小

   length:设置背景图片高度和宽度。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为 auto(自动)

   percentage:将计算相对于背景定位区域的百分比。第一个值设置宽度，第二个值设置的高度。如果只给出一个值，第二个是设置为"auto(自动)"

   浏览器支持：IE9+,chrome,firefox

   IE6/7/8兼容：滤镜方式

   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='url',sizingMethod='scale')

3. rgba(0,0,0,.5):色彩透明度

   浏览器支持IE9+，chrome,firefox

   IE6/7/8兼容：滤镜方式

   filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#88000000, endColorstr=#88000000);

   #88000000 的前两位数字控制透明度，取值16进制从00 -> FF（越小越透明），00表示完全透明，FF就是全不透明，后面六位是色值。

   常用透明度对应16进制关系：

   .0（00）	.1（19）	.05（0C）	.15（26）
   .2（33）	.3（4C）	.25（3F）	.35（59）
   .4（66）	.5（7F）	.45（72）	.55（8C）
   .6（99）	.7（B2）	.65（A5）	.75（BF）
   .8（CC）	.9（E5）	.85（D8）	.95（F2）

4. background:linear-gradient(direct,color1,color2):线性渐变

   direct：默认方式：从上到下;标准语法：to left:从右到左；to left top:从右下到左上；也可以为angle;

   background:linear-gradient(to left,red,blue)

   浏览器兼容；IE10+，Chrome,Firefox

   兼容IE8：滤镜

   filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #80c1e7, endColorstr = #213c7c);

   GradientType = 0:方向从上到下；GradientType = 1:方向从左到右

5. opacity:0.5;透明度

   浏览器兼容；IE9+，Chrome,Firefox

   兼容IE8：滤镜

   filter: filter:Alpha(opacity=50)