文字在Chrome/Safari浏览器中显示，不是FF或IE，使用沙包

问题描述：

我使用沙袋方法在图像上方显示两行文字。这里是表示FF工作的效果，但无法在Chrome（在Safari同样的问题）的图像：文字在Chrome/Safari浏览器中显示，不是FF或IE，使用沙包

Firefox/Chrome side-by-side

有谁知道是什么原因造成的？

编辑：我的道歉没有发布该链接：http://antigua-guide.info/这个问题可以在右中心栏的中间看到。

这里是html和css。

html of section

css of section

我们可以看看它的在线某处。或者您可以发布代码而不是图片 – PeeHaa

Firefox（Gecko）和Safari/Chrome（Webkit）渲染字体的方式略有不同，这似乎正在影响您的[沙袋文字包装技术]（http：//www.alistapart。 COM /用品/沙袋/）。任何人都很难帮助您，除非您可以发布更完整或可编辑的HTML/CSS示例。 – rjb

添加链接。抱歉的人。 –

答

这似乎是一个WebKit的/镀铬错误。你可以在http://code.google.com/p/chromium/issues/list上报告。同时，你可以使用一个肮脏的chrome/safari hack一些修补程序添加到您的CSS：

@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .hpm2_content img, .modulebody img { 
     margin-top:18px; 
    } 
}

太棒了。我将这个解决方案适用于各种沙包（图像上方0-5行）。非常感谢你！ –

+1，这个错误给了我2小时的血液和眼泪......马上报告它，并会测试你的修复。 Regards –

http://code.google.com/p/chromium/issues/detail?id=111002 –