按钮中的文字未出现在 iPhone 上
Text in buttons not appearing at iphones
当您在 iPhone 上单击 'play' 时，我遇到了一些问题，即在第一个屏幕后答案按钮中出现文本。例如。它适用于任何地方，但不适用于 iPhone。这是演示版本 - https://xahtc.github.io/test-app and here you can find my project on react - https://github.com/xahtc/test-app。有谁知道是什么问题吗？
问题似乎是至少在 Safari IOS 上（我在 iPad IOS 14 上测试过）Game_answer__2Ffxs 上的伪元素渲染在前面尽管有 z-index: -1.
，但答案框中的文本
我犹豫要不要谈论 z-index 和堆叠上下文和转换以及所有这些东西，因为我过去弄错了，但这个问题的重要之处在于 IOS 文本正在被覆盖，负 z-index 没有达到预期的效果。
立即尝试的一件事是将 background-color: #fff 设置为例如半透明的东西（我使用 background-color: rgba(255,0,0,0.5)），这样您就可以自己查看那些伪元素所覆盖的内容。
您会看到文本在那里，而且您还会看到中心线，毫无疑问，这些伪元素是用来覆盖的。我想必须有另一种方法来摆脱它——或者为了用户看到答案而暂时放弃它，并将 #fff 替换为透明的。
当您在 iPhone 上单击 'play' 时，我遇到了一些问题，即在第一个屏幕后答案按钮中出现文本。例如。它适用于任何地方，但不适用于 iPhone。这是演示版本 - https://xahtc.github.io/test-app and here you can find my project on react - https://github.com/xahtc/test-app。有谁知道是什么问题吗？
问题似乎是至少在 Safari IOS 上（我在 iPad IOS 14 上测试过）Game_answer__2Ffxs 上的伪元素渲染在前面尽管有 z-index: -1.
，但答案框中的文本我犹豫要不要谈论 z-index 和堆叠上下文和转换以及所有这些东西，因为我过去弄错了，但这个问题的重要之处在于 IOS 文本正在被覆盖，负 z-index 没有达到预期的效果。
立即尝试的一件事是将 background-color: #fff 设置为例如半透明的东西（我使用 background-color: rgba(255,0,0,0.5)），这样您就可以自己查看那些伪元素所覆盖的内容。
您会看到文本在那里，而且您还会看到中心线，毫无疑问，这些伪元素是用来覆盖的。我想必须有另一种方法来摆脱它——或者为了用户看到答案而暂时放弃它，并将 #fff 替换为透明的。