这么做很有可能是兼容ie的处理过程中 可能会需要将这个元素的层次浮到原页面元素之上。
类似于，css3里面的translate box-shadow 看上去貌似可能 会受到影响，你可以试试这几个样式。
左上角有一个file选项点击第二个new（不是new project）
然后选择stylesheet就是了，存放地点是当前目录。
当然也可以手动新建一个css文件再用webstorm打开，只要和html关联了，效果就是一样的。
使用webstorm自编译scss文件并css文件自添加浏览器支持前缀css书写
div { display: flexanimation: all 1s linear}
自添加css3前缀
div { display: -webkit-boxdisplay: -webkit-flexdisplay: -ms-flexboxdisplay: flex-webkit-animation: all 1s linearanimation: all 1s linear
