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; }

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,787评论 1 92
  • 一:在制作一个Web应用或Web站点的过程中,你是如何考虑他的UI、安全性、高性能、SEO、可维护性以及技术因素的...
    Arno_z阅读 1,204评论 0 1
  • 1:使用meta标签调节浏览器的渲染方式(使用meta标签来强制IE8使用最新的内核渲染页面) <meta htt...
    stars甜阅读 903评论 0 2
  • 使用纯 CSS 实现 500px 照片列表布局 文章很长,因为介绍了如何一步一步进化到最后接近完美的效果的,不想读...
    HZ充电大喵阅读 2,655评论 0 4
  • 喜欢程先生872天了,朋友说你已经上升到爱这个阶段了,还跟小时候似的。她一边翻着白眼一边鄙夷的嘲笑我。我不敢...
    施粉黛阅读 527评论 0 0