垂直居中菜单偏移

Question

我尝试使用以下代码对图像进行居中：

top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);

此处发生的事情示例：http://benjaminbrooksguitar.ipage.com/bishoprdp/

问题是我的菜单栏固定在屏幕底部，使图像看起来不完全居中。 同样在iOS Safari上，它看起来更不集中......（我的猜测是因为safari的菜单栏在滚动时消失，浏览器进行了错误的计算）。

是否有办法在考虑菜单栏的情况下垂直居中图像，以便图像完美地位于浏览器顶部和菜单栏之间？

还有针对iOS Safari更改菜单栏问题的修复方法吗？

这是来自Chrome的屏幕截图以及iOS Safari的屏幕截图（为了澄清，它只在iOS版本的Safari上看起来如此极端）： http://benjaminbrooksguitar.ipage.com/bishoprdp/Screenshot2.jpg

非常感谢

P.S。我没有足够高的声誉来添加图片，因此链接......

Answer 1

这是它在Linux Firefox v38 上的外观。

对我来说似乎没问题。

这就是它在Chromium上的表现。