文字在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; 
    } 
}

2011-06-27 23:00:22 Udi

太棒了。我將這個解決方案適用於各種沙包（圖像上方0-5行）。非常感謝你！ –

+1，這個錯誤給了我2小時的血液和眼淚......馬上報告它，並會測試你的修復。 Regards –

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

回答