码迷,mamicode.com
首页 > Web开发 > 详细

父节点使用css的transform: translate(0, 0)时position:fixed在chrome浏览器中无效

时间:2014-08-22 10:47:25      阅读:189      评论:0      收藏:0      [点我收藏+]

标签:style   使用   os   io   for   ar   问题   size   

今天在做移动端的页面,无意间发现了一个Chrome浏览器下的一个bug,在使用CSS3的transform: translate(0, 0)属性对节点A进行位置转化,此时A节点下面有一个字节点B,节点B使用了position:fixed进行了定位,按照常理节点B应该悬挂在浏览器窗口视图上,不会跟随滚动条而滚动的,但是这个效果在Chrome浏览器下面是无效的,经过测试在IE11、Firefox、safari中均没有问题,在Opera中出现的效果和Chrome中完全一样。

总结一下:在Chrome和Opera浏览器下,使用CSS3的transform: translate(0, 0)转化位置节点,其所有使用position:fixed定位的子孙节点的定位功能均无效。

父节点使用css的transform: translate(0, 0)时position:fixed在chrome浏览器中无效,布布扣,bubuko.com

父节点使用css的transform: translate(0, 0)时position:fixed在chrome浏览器中无效

标签:style   使用   os   io   for   ar   问题   size   

原文地址:http://www.cnblogs.com/yunfour/p/3928724.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!