我有一个带有
标题的框,它是位置:绝对和隐藏顶部:100%.
标题的父母已经溢出:隐藏.当我将鼠标悬停在框上时,
标题会向上滑动,以便它完全可见.
现在的问题是,在这个转换期间,有一个像素错误.这意味着转换期间的标题距离父盒子宽1像素.过渡后一切看起来都不错.
它出现在Windows 8.1的IE 11和Mac 10.11.2上的Webkit浏览器中.
你应该在this fiddle看到这个效果.
当您没有看到像素错误时,请尝试调整窗口大小.
你也看到屏幕截图上的错误.
我已经试图:
>将标题设置为1个像素
>添加overflow-x:hidden
>添加translate3d
我以前遇到过这个
错误.像素
错误是由转换造成的:翻译.
在父元素上尝试这个.
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
transform-style: preserve-3d;
原文链接:https://www.f2er.com/html/224532.html