javascript - 为什么单击按钮后图像不显示？

我遇到了一个问题，所以我创建了一个在这种情况下没有意义的样式示例：链接。问题是为什么单击第一个按钮不会导致显示图像，而在第二种情况下一切正常？只是css属性的区别应该具有相同的行为。

transform: translate3d(0px, 0px, 0px);

transform: translateY(0px);

所以我只需要一个解释（而不是如何修复它）为什么它会这样工作。我在 Chrome 中测试过，我的版本是 88.0.4324.96。最有趣的是，点击按钮后，可以在调整窗口大小后出现图像。感谢您的回答！

我又创建了一个示例，其中更改了宽度并使变换相同，结果几乎与以前一样。

标签： javascripthtmlcss