Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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
Html Safari中的CSS转换z索引冲突（适用于Chrome/FF）_Html_Css_Google Chrome_Safari - Fatal编程技术网
Fatal编程技术网
  • html/
  • Html Safari中的CSS转换z索引冲突（适用于Chrome/FF）

Html Safari中的CSS转换z索引冲突（适用于Chrome/FF）

html css google-chrome safari

Html Safari中的CSS转换z索引冲突（适用于Chrome/FF）,html,css,google-chrome,safari,Html,Css,Google Chrome,Safari,我正在使用CSS转换和旋转效果来显示名片。我在Chrome和FF中都能正常工作，但在Safari中它会扭曲div 我尝试应用以下属性，但无效： transform: translateZ(0px); transform-style: flat; transform: translate3d(0,0,0); 请参阅下面的代码和图片： 狩猎： 铬： 试试看 这可能与： 基本上，当您在z轴上应用3D变换时，z索引将不再适用（您现在处于三维渲染平面中，请使用不同的z值）。如果要切换回子元素的二维渲染

我正在使用CSS转换和旋转效果来显示名片。我在Chrome和FF中都能正常工作，但在Safari中它会扭曲div

我尝试应用以下属性，但无效：

transform: translateZ(0px);
transform-style: flat;
transform: translate3d(0,0,0);
请参阅下面的代码和图片：

狩猎：

铬： 试试看

这可能与：

基本上，当您在z轴上应用3D变换时，z索引将不再适用（您现在处于三维渲染平面中，请使用不同的z值）。如果要切换回子元素的二维渲染，请使用
transform style:flat
我认为这是一个堆叠引用和CSS转换冲突的问题

尝试添加：


-webkit-transform: translate3d(0,0,0); 


到卡的父元素。这应该形成转换的子对象，以遵守z索引堆叠


如果其他人对此有什么意见，那就太好了。
嗨，亚历克斯，我尝试添加了
变换样式：flat如我的问题中所述，但它不能纠正行为。它在Chrome和FF中工作正常，所以我想知道Safari中是否有可以让它工作的方法。我在Safari中也遇到了同样的问题。这是完美的工作在铬，FF。。。我知道这已经有几年了-有什么解决办法吗？