Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/google-chrome/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在Chrome-CSS变换中,父div的旋转会导致文本被剪切_Css_Google Chrome_Rotation_Transform - Fatal编程技术网

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

在Chrome-CSS变换中,父div的旋转会导致文本被剪切,css,google-chrome,rotation,transform,Css,Google Chrome,Rotation,Transform,我正在构建一个网页,其中有一个部分需要倾斜/旋转2.5度(因为对角线背景),因此我在其中放置了另一个反向旋转的容器-2.5度,以保持内容水平。问题是当我滚动到该部分并刷新页面时。Chrome会自动将您滚动到页面上的最后一个位置,我看到文本被剪切。如果我尝试选择它,或者如果我在页面周围移动(文本离开视口),它会显示出来 这可能是由于旋转造成的某种图形错误。我已经试着用它来修复了 -webkit-backface-visibility: hidden; 及 但什么都没用 如有任何建议,将不胜感激

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

这可能是由于旋转造成的某种图形错误。我已经试着用它来修复了

-webkit-backface-visibility: hidden;

但什么都没用


如有任何建议,将不胜感激!谢谢

我找到了原因。只有当我在本地+开放式检查器工作时,错误才会显示。我想我毕竟没有问题:)

你能发布一个JSFIDLE吗?或链接到您的页面?我只是注意到这个bug只有在本地工作时才会出现。哈哈,它经常在检查员打开的时候出现。之前,由于检查器处于打开状态,我还有其他错误。我想我没有问题:)对不起,浪费了你的时间!没问题,不客气。
transform-style: preserve-3d;