IE8 兼容性是每个webFrontender 的痛点。这里我就介绍一下我在兼容IE8时常用的一些兼容方法和属性。有用的信息将立即呈现：
1.不支持background-size属性
背景大小：100% 100%; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='你的图片网址', sizingMethod='scale');
2.透明度兼容写法
不透明度=0.3;filter:alpha(不透明度=3 0);
3.背景色透明度兼容
背景-color: rgba(0,0,0,0); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#00000000,endColorstr=#000000000);r代表红色，g代表绿色，b代表蓝色，a代表透明度。红、绿、蓝是三基色，所有的颜色都可以由这三种颜色组成。例如，rgba(0,0,0,5) 为黑色，透明度为0.5。现代浏览器支持rgba，但IE8等古董浏览器不支持rgba。 IE8只能勉强支持rgb()功能（即去掉透明度，只能表示颜色）。
rgba和IE之间滤镜值的转换
4.占位符兼容方法
这里使用js方法解决
用户评论
真是头痛啊！以前做项目的时候经常遇到IE8的问题,简直噩梦！
有15位网友表示赞同！
确实，IE8的兼容性问题是老生常谈了。现在主流浏览器都不支持IE了还好一点。
有17位网友表示赞同！
特别是对一些样式、脚本的功能兼容性会很容易出BUG，真是让人崩溃啊…
有9位网友表示赞同！
学习web前端开发一定要了解各种浏览器的兼容性问题，才能写出一个能完美运行到各大平台的网站!
有17位网友表示赞同！
很多IE8的问题可以通过js代码绕过或者采用一些特殊的手段来解决吧?
有17位网友表示赞同！
用现代浏览器测试还好。真遇到老用户用的IE8才发现问题一堆…
有16位网友表示赞同！
IE8兼容性问题太多，让人简直想放弃前端开发！
有14位网友表示赞同！
这个话题太重要了！很多前辈的经验帖子都很值得参考。
有16位网友表示赞同！
幸好这些年慢慢摆脱了 IE8 的束缚，不然做网站真的是累死!
有10位网友表示赞同！
当年为了兼容IE8搞得头发白了，现在看看这个标题，还是有些ptsd！
有6位网友表示赞同！
遇到兼容性问题的时候，先查询一下在线文档。有很多解决方案可以参考。
有14位网友表示赞同！
web前端开发的学习道路是充满挑战的，兼容性问题也是其中的一环。
有9位网友表示赞同！
解决IE8的问题真的需要花很多时间和精力，希望年轻开发者能避开这个问题
本文采摘于网络，不代表本站立场，转载联系作者并注明出处：https://www.iotsj.com//kuaixun/5647.html
相关推荐