webkit transform translateZ替代位置固定

Question

我有一个带按钮的应用程序。 当您单击所述按钮时，会出现一个下拉菜单，其中包含以下css属性：  position: fixed

我发现了以下解决方法： -webkit-transform: translateZ(0);

应用此样式后，position:fixed;按预期工作，但问题是当您应用时，下拉菜单中的文本会突然显示： -webkit-transform: translateZ(100);

除0以外的任何数字都会修复裁剪的菜单，但position: fixed会停止工作。

在Chrome上有-webkit-transform: translateZ(0);修复position: fixed;的替代方法，我似乎无法找到一个帖子，我发现告诉我使用webkit transform translateZ吗？

Answer 1

@media screen and (-webkit-min-device-pixel-ratio:0) { 
 #link1{top: -15%!important;}
}

这样做有点不方便，但至少它有效。