webkit transform translateZ 替代位置固定

Question

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

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

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

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

是否有替代 -webkit-transform: translateZ(0); 的方法来修复 Chrome 上的 position: fixed;，我似乎找不到一个我找到的所有帖子都告诉我使用 webkit transform translateZ？

Answer 1

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

这行得通，有点不方便，但至少它行得通。