CSS样式兼容各主流浏览器

终于可以腾出时间好好整理一下我最近一段时间所遇到的难点问题
首先整理出一份css样式可以在IE8下做到兼容

1.IE8下 display：flex 不生效，需要使用float：left

2.IE8下 li：nth-child() 不生效

3.在IE8下导出功能的接口传中文参数出现乱码情况
需求：做一个导出excle的功能
问题点：后端接收不到前端传参，前端控制台显示传的是乱码，功能不生效，使用转码属性也不生效会产生页面样式bug
解决：可以在传参之间进行判断 但这个方法需要你和后端一起进行判断

// html
<div class="layui-form-item downloadBtn1">
        <img src="static/imgs/assets/download_ico.png" alt="" class="line_icon1">
        <a id="download_current">表单下载</a>
    </div>
// js
// 掉后端接口并传参 传参方式是 sx = ’getZglsqkBarDialongParams’ 参数是中文的形式
var getZglsqkBarDialongParams = ‘中文’
if（getZglsqkBarDialongParams === ‘护卫舰扽胡情况’）{ //后端也进行判断 判断方式与你进行反着判断就ok了
	getZglsqkBarDialongParams = 1
}
var current_url = configApi.api.queryDialongExpExcelData + "?sx=" + getZglsqkBarDialongParams ;
 $('#download_current').attr('href',current_url); 

这里顺便说一下导出功能，我做的这个导出功能是用a标签来识别的，主要功能后端来做，后端给你传输返回一个流那么a标签href属性就可以识别当你点击a标签的时候也就自动下载了

目前遇到过的问题希望可以帮助大家！