http://www.noor-azmi.com/element/projects.html
当您将鼠标悬停在缩略图上时，会出现文字。
除了safari
之外，所有浏览器都可以正常使用有人可以帮忙吗？谢谢！
答案 0 :(得分：-1)
您应该将-webkit-transform: translate(-50%,-50%);添加到.middle，这样就可以了。
还有一个建议:(我可能错了）
您正在使用@media (-webkit-transform-3d)，这是非标准功能，而MDN则说
非标 此功能是非标准功能，不符合标准。不要在面向Web的生产站点上使用它：它不适用于每个用户。实现之间可能存在很大的不兼容性，并且行为可能在将来发生变化。
你应该使用@supports，它具有以下语法
@supports
<supports-condition>{
<group-rule-body>}
P.S。从不链接到外部网站，而是在此处发布您的代码并复制问题。像你这样的问题很容易被低估和关闭