位置:固定不工作

时间:2017-08-08 19:12:10

标签: css browser

今天在网站上工作我发现自己处于这个位置(哈哈......),我想要修复视口的徽标不再存在了。在我解决这个问题的研究中,我了解到如果祖先元素对其进行了转换,position: fixed将无法修复视口(请参阅positions-fixed-doesnt-work-when-using-webkit-transform)。

我确保我的元素(或它的祖先)没有任何变换,我甚至试图删除所有子元素(碰巧有变换和动画) - 但我仍然没有设法得到东西去。

我现在有点无能为力,所以我为其他人做了一个jsfiddle。需要修复的元素是鲜红色的.titles元素:http://jsfiddle.net/ZWcD9/90/

1 个答案:

答案 0 :(得分:3)

从身体中删除transfrom

body {
    width: 100%;
    /* -webkit-transform: translateZ(0); */
    /* transform: translateZ(0); */
}