Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/ms-access/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
Css 块中的所有内容都带有“引用”；“转变”；扭曲_Css_Transform_Css Transforms - Fatal编程技术网
Fatal编程技术网
  • css/
  • Css 块中的所有内容都带有“引用”；“转变”；扭曲

Css 块中的所有内容都带有“引用”；“转变”；扭曲

css

Css 块中的所有内容都带有“引用”；“转变”；扭曲,css,transform,css-transforms,Css,Transform,Css Transforms,下面，您可以看到两个相同的图形（菱形）。第二块和第四块中的所有内容都被扭曲发生这种情况的原因如下： 如果.outerdiv有溢出：隐藏 如果.contentdiv具有变换：旋转（0deg）或背面可见性：隐藏（在Chrome中） 如果.content3ddiv具有变换样式：preserve-3d（在Firefox中） 如何在不删除上面提到的css属性的情况下修复它 正文{ 字体系列：Arial； } div{ 宽度：100%； 身高：100%； } img{ 身高：100%； 利润率：-20

下面，您可以看到两个相同的图形（菱形）。第二块和第四块中的所有内容都被扭曲

发生这种情况的原因如下：

  • 如果
    .outer
    div有
    溢出：隐藏
  • 如果
    .content
    div具有
    变换：旋转（0deg）
    或
    背面可见性：隐藏（在Chrome中）
  • 如果
    .content3d
    div具有
    变换样式：preserve-3d（在Firefox中）
如何在不删除上面提到的css属性的情况下修复它

正文{
字体系列：Arial；
}
div{
宽度：100%；
身高：100%；
}
img{
身高：100%；
利润率：-20%；
}
.外部{
浮动：左；
宽度：200px；
高度：200px；
溢出：隐藏；
-webkit变换：旋转（45度）；
变换：旋转（45度）；
边框：1px实心#000；
利润率：50像素；
}
.内部{
线高：200px；
-webkit变换：旋转（-45度）；
变换：旋转（-45度）；
字体大小：40px；
字体大小：粗体；
文本对齐：居中；
颜色：#000；
}
.content3d{
-webkit变换样式：保留-3d；
变换样式：保留-3d；
}
.内容{
-webkit变换：旋转（0度）；
变换：旋转（0度）；
}

正文
正文
看起来是您的转换导致了问题：

.content {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
看起来他们什么都没做，为什么你把他们放在那里？

我使用，我需要使用这个属性。