CSS3的transform 导致顶部固定的 position: fixed;z-index: 异常抖动
顶部是个固定的全站导航DIV，CSS样式是.header-all{position:fixed;top:0;left:0;z-index:900;}主体内容列表部分使用了...
顶部是个固定的全站导航DIV， CSS样式是
.header-all {
position: fixed;
top: 0;
left: 0;
z-index: 900;
}
主体内容列表部分使用了 transform 动画效果 分别是hover后 放大图片，位移等效果，但是鼠标往下滚动页面时，顶部的 .header-all 时不时 抖动、消失。顶部是绝对定位不应该受到 下面的样式影响啊，求大神指点！ 展开
.header-all {
position: fixed;
top: 0;
left: 0;
z-index: 900;
}
主体内容列表部分使用了 transform 动画效果 分别是hover后 放大图片，位移等效果，但是鼠标往下滚动页面时，顶部的 .header-all 时不时 抖动、消失。顶部是绝对定位不应该受到 下面的样式影响啊，求大神指点！ 展开
1个回答
展开全部
你在设置元素position:fixed的时候，给元素添加一个transform:translateZ(0);
目的是为了开启GPU硬件加速，提高性能和流畅的动画效果 也能解决你这个问题
你说你用transform的话 如果用到translate；把translate换成translate3d，在原来的参数后面加个Z方向的平移 0即可；
目的是为了开启GPU硬件加速，提高性能和流畅的动画效果 也能解决你这个问题
你说你用transform的话 如果用到translate；把translate换成translate3d，在原来的参数后面加个Z方向的平移 0即可；
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
