transform属性限制position:fixed的定位效果

　　最近在做项目的过程中需要实现一个导航按钮固定的效果，但是即使在div上加上position:fixed样式，div还是没有固定。怎么尝试都不行。后来前端的同事查了一下资料说可能是弹窗的div中有transform属性导致position:fixed失效了。
　　自己开始查看一下弹窗的div的css样式，在css样式中使用transform: translate(-50%,-50%)来使整个div居中对齐。我尝试这将transform: translate(-50%,-50%)注释掉，修改了一下top和left的属性来使整个div居中。后来发现去掉这个transform属性后，在导航的子div上再加上position:fixed样式后就可以实现悬浮的效果了。
　　参考资料
　　CSS3 transform对普通元素的N多渲染影响