我们在PC项目上测试IE10中的一些基本功能时，发现了以下两个问题：1.出现“SCRIPT5022:SecurityError”错误当画布使用toDataURL时。2、css的z-index在IE10中表现异常（一个盒子里有多个子盒子，父子层次都有position属性，子层次的层次不按照z的值排列-指数）。公司开发人员用的是Mac，所以在测试这个的时候，领导就把他的旧机器拿过来了。测试环境为win8+360安全浏览器，选择360的兼容模式，按F12打开调试面板，也可以在调试面板选项中选择IE版本。页面路由跳转时console元素显示html为空，有双箭头图标可以点击让console加载当前页面资源。解决方案IE10中canvas在导出图片数据时，由于跨域图片产生安全错误。下面是国际论坛上的解决方案https://stackoverflow.com/que...https://stackoverflow.com/que...这个问题可以通过XMLHttpRequest解决，下面是代码varxhr=newXMLHttpRequest();xhr.onload=function(){varurl=URL.createObjectURL(this.response);img.src=网址；//在这里你可以使用img来绘制到画布和处理//完成后不要忘记释放内存（你可以在图像绘制到画布后立即执行此操作）URL.revokeObjectURL(url);};xhr.open('GET',url,true);xhr.responseType='blob';xhr.send();上传图片时出现此问题。下面的设计经验把一个输入放在最上面。值得注意的是，最重要的是，在IE中，如果输入的类型是文件，点击左半边是选择显示光标，点击半边是选择文件。因此，标签用于触发输入事件，输入位于区域之外。使其无法选择。是的，它在别处。让我们谈谈层次结构。当时忘记截图了，等着瞧吧。从上到下共有三个子层级，分别是label、p、img，层级从大到小，但在360中查看元素时不能直接选择label。当有多个层时，直接选择的层为上层。所以无法点击。哪位coder知道这个问题，还请不吝赐教，最后给我的解决办法是加上background:rgba(0,0,0,0.02);到label的样式，很神奇，无意中发现的，而且不是透明的。好吧，不用多说，就是这样。遇到过类似问题的码友，如果知道详细原因或者有更好的解决办法，请告知，先谢谢了。
