链接到示例已删除
问题：Webkit浏览器（Chrome和Safari）在页面上创建的旋转类存在问题。如果删除内容div上的旋转类，则悬停时出现的大图像将显示在正确的位置。
Firefox的旋转内容div没有问题。我在Mac上，因此无法测试IE。
最佳答案
您已经给了.thumbnail类position:relative，因此它正在创建自己的位置上下文。您给定的.thumbnail:hover span固定位置将作为其.thumbnail父级顶部的0最高位置。
只需从position: relative中取出.thumbnail并将top的.thumbnail:hover span位置设置为您要放置的值（现在相对于窗口顶部，因为它具有position: fixed。
希望我的解释很清楚！
关于css - CSS Image Hover with Rotation-Web Kit Issues/Works in Firefox，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/10794365/