加了transform:translateX后position:fixed没效果
来源:互联网 发布:康耐视视觉检测软件 编辑:程序博客网 时间:2024/06/10 03:09
今天遇到一个奇葩问题,就是对body加了transform:translateX后,整个页面里面的position:fixed都会失效,令我百思不得其解,上网查阅资料后,发现:
规范中有规定:如果元素的transform值不为none,则该元素会生成包含块和层叠上下文。
最简单的解决方法就是transform元素内部不能有absolute、fixed元素。把需要加动画的地方设置一个div,再进行动画添加,搞定
0 0
- 加了transform:translateX后position:fixed没效果
- 当 position:fixed 遇上 transform
- android GridView横向滑动后 为什么MyGridView.setSelection(position) 就没效果了
- css3 translateX,translateY,translate,transform,transition
- 内容中的 position : fixed 竟然没相对窗口来定位
- position:fixed
- position:fixed
- position:fixed
- position:fixed
- ios解决输入框弹出后position:fixed失效问题
- 在父节点transform: translate(0, 0)子节点部分position:fixed部分浏览器无效
- 读大神的博客后对于position:absolute,position:fixed的总结
- 修复ie6-position:fixed
- position:fixed -------> IE6
- position:fixed的解决办法!
- 修复ie6-position:fixed
- 关于{position:fixed}
- IE6 position fixed 解决方法
- mySql实用小常识
- 自定义控件三部曲之绘图篇(十七)——为Bitmap添加阴影并封装控件
- spark学习 —— 入门
- agrc argv解释
- 关于CoordinatorLayout与Behavior的一点分析
- 加了transform:translateX后position:fixed没效果
- Java小程序——汽车租赁
- java Socket和ServerSocket多线程编程
- u-boot编译
- 自定义控件三部曲之绘图篇(十八)——BitmapShader与望远镜效果
- 径向基函数神经网络
- Java Web前端到后台常用框架介绍
- 扣扣2013 解析和问题
- <自己动手写CPU>碰到的问题