transform和position:fixed

这两天做个项目，本来都OK了，但是最后加了一个动画后，发现之前的弹出层的定位失效了
transform:translateX
真的是百思不得其解
百度后，得知是规范中有规定：如果元素的transform值不为none，则该元素会生成包含块和层叠上下文。https://link.zhihu.com/?target=http%3A//www.w3.org/TR/css3-transforms/%23issue-ca2c412c

宝宝顿时方了，最后只有曲线救国，不让一个元素同时有这两个属性

下面是一些文档，以后在做项目的时候就注意一下吧
https://www.w3.org/Bugs/Public/show_bug.cgi?id=16328
https://www.w3.org/TR/css-transforms-1/#issue-ca2c412c