IE8兼容问题（部分）

兼容IE8的一句代码：<meat http-equiv="X-UA-Compatible" content="IE=8">

IE8不支持HTML5属性placeholder，不过为解决此问题的js插件挺多，比如：jquery-placeholder

first-child是CSS2的内容，但是last-child就不是，所以IE8不买账，推荐的方法不是使用last-child，而是给最后一个元素设置一个last的class然后对此进行样式设置

IE8不支持CSS3的很多新特性，不过我们可以使用一些比较成熟的hack方法，采用CSS3 PIE，它支持的特性有这些：border-radius，box-shadow，border-image，multiple background images，linear-gradient等

如果前端使用了HTML5的新标签，那么有些标签无法正常显示，那么可以用html5shiv

IE8中经常遇到的问题就是max-width，网页中图片的尺寸可能比较宽，我会给他设置max-width:100%;来限制其宽度最大为父元素的宽度。但有时不奏效慢慢才得知IE解析max-width所遵循的规则：严格要求父元素的宽度是固定的

IE8 video视频兼容 ：<script type="text/javascript" src="/Script/html5/html5media.min.js"></script>

如果你想使用background-size：cover，设置全屏的背景，IE8办不到，但可以使用IE独有的 AlphalmageLoader 滤镜来实现添加一条CSS样式：progid:DXImageTransform.Microsoft.AlphalmageLoader(enabled=Enabled,sizingMethod=Size,src=URL)将sizingMethod设置为scale就OK，如果你在此背景之上放置了链接，那这个链接是无法点击的，一旦情况下的解决办法是为链接或按钮添加position:relative使其浮动

标签最低高度设置min-height不兼容，如果我们要设置一个标签的的最小高度200px，需要进行设置为：{min-height：200px；height：auto！important;height:200px;overflow:visible； }