项目中遇到的position:fixed;无效问题
2018-04-11 19:46
183 查看
今天入了个小坑,底部元素设置position:fixed;没有效果的问题,查了很久才发现原来原因。
如果一个元素设置了position:fixed;其父元素设置了tansform属性的话,不管是scale()、rotate()、还是translate(),其fixed值都会失效,直接会使position:fixed;变成position:absolute;的效果。
所以,我们fixed的元素的父级有transform属性的话,fixed效果完全没有,
社么,解决办法?no way!解决办法就是fixed的元素不使用transform属性。
关于这个问题,鑫大神说的很好,建议大家去看下他写的文章:http://www.zhangxinxu.com/wordpress/2015/05/css3-transform-affect/
如果一个元素设置了position:fixed;其父元素设置了tansform属性的话,不管是scale()、rotate()、还是translate(),其fixed值都会失效,直接会使position:fixed;变成position:absolute;的效果。
所以,我们fixed的元素的父级有transform属性的话,fixed效果完全没有,
社么,解决办法?no way!解决办法就是fixed的元素不使用transform属性。
关于这个问题,鑫大神说的很好,建议大家去看下他写的文章:http://www.zhangxinxu.com/wordpress/2015/05/css3-transform-affect/
相关文章推荐
- 项目中遇到的小问题,position:fixed无效的一种情况
- 遇到的问题-----网上下载的项目修改代码无效,不能相应的生成相应的页面内容
- 遇到的问题-----网上下载的项目修改代码无效,不能相应的生成相应的页面内容
- CSS表达式(expression)解决IE6 position:fixed无效问题
- 解决android position fixed无效问题
- IE6中position:fixed无效问题解决
- web前端开发项目中可能遇到的细节性问题(1)【position,padding+margin】
- 【IE6.0 Bug总结之四】position:fixed无效问题
- [项目过程中所遇到的各种问题记录]编辑器篇——使用FCKeditor生成静态分页HTML
- 项目中遇到的零散问题(前端方面)
- 项目遇到的小问题2
- EasyBolg b072 项目中遇到的问题
- WPF项目中所遇到的一些问题集
- 项目sql中遇到的问题identity off
- 商城项目遇到的问题
- Linux环境下段错误的产生原因及调试方法小结 最近在Linux环境下做C语言项目,由于是在一个原有项目基础之上进行二次开发,而且项目工程庞大复杂,出现了不少问题,其中遇到最多、花费时间最长的问题就是
- 使用CMake生成sln项目和VS工程遇到的问题
- Swift 改写项目遇到的一个问题
- 【angular5项目积累总结】遇到的一些问题以及解决办法