html - 如何使图像位置独立于周围的文本

Question

我有照片了。当鼠标悬停在上面时 - 图片会变大 5 倍，当鼠标离开该区域时会恢复正常。错误是当图片变大时 - 它下面的文字变小，我不希望这种情况发生。我怎么做？Position: absolute 对我不利，因为在这种情况下，我的格式在不同的浏览器或屏幕上看起来很糟糕。

如果你们中有人帮助我找到另一种方法，我将不胜感激。

Answer 1

Leo 走在正确的轨道上，但缺少一些东西。您必须“纠正”边距，以便它们在图像扩展时向内“增长”。
您至少需要使用 position: relative; 定位图像，以便应用 z-index。

这是一个工作示例的链接
http://jsfiddle.net/utNa2/

编辑/嗯...在这种情况下似乎不需要 z-index。