在Chrome中 - 父div的CSS变换旋转会导致文本被剪切

时间:2014-08-16 11:48:21

标签: css google-chrome rotation transform

我正在构建一个网页,其中我有一个需要倾斜/旋转2.5度的部分(由于对角线背景),所以我在另一个容器中放入了相反的旋转 - 2.5deg以保持内容水平。问题是当我滚动到该部分并刷新页面时。 Chrome会自动将您滚动到您在页面上的最后一个位置,我会看到正在剪切的文字。如果我尝试选择它或者我在页面上移动(文本离开视口)它会显示出来。

https://dl.dropboxusercontent.com/u/36573567/stackoverflow.jpg

由于轮换可能是某种图形错误。我已尝试用

修复它
-webkit-backface-visibility: hidden;

transform-style: preserve-3d;

但没有任何效果。

任何建议都将不胜感激!谢谢!

1 个答案:

答案 0 :(得分:0)

我找到了原因。只有在我在当地工作时才会出现这个错误+一个开放的检查员。我想我毕竟没有问题:)