2011-06-27 19 views
1

サンドバッグ方式を使用して画像の上に2行のテキストを表示しています。ここではクローム(Safariで同じ問題)でFFはなくで働く効果を示す画像は、次のとおりです。サンドバッグを使用して、FFまたはIEではなく、Chrome/Safariでテキストが表示されます

Firefox/Chrome side-by-side

誰もがこれを原因を知っていますか?

編集: リンクを投稿していないという謝罪:http://antigua-guide.info/この問題は、右中央の列の途中に表示されます。

ここにhtmlとcssがあります。

html of section

css of section

+4

は、我々はどこかにオンラインそれを見ていることができます。または、画像の代わりにコードを投稿することができます – PeeHaa

+1

Firefox(Gecko)とSafari/Chrome(Webkit)はフォントを少し違った形でレンダリングします。これはあなたの[sandbag text-wrapping technique](http://www.alistapart。 com/articles/sandbags /)より完全で編集可能なHTML/CSSの例を投稿できない限り、誰でもあなたを助けるのは難しいです。 – rjb

+0

リンクが追加されました。ごめんなさい。 –

答えて

2

これはWebKitの/クロームのバグのように思えます。 http://code.google.com/p/chromium/issues/listに報告できます。一方、あなたはあなたのCSSにいくつかの修正を追加するために汚いchrome/safari hackを使用することができます。

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

私はこのソリューションをさまざまな土嚢に適用しました(画像の上の0〜5行)。どうもありがとうございました! –

+0

+1、このバグは2時間の血と涙をくれました...すぐにそれを報告し、あなたの修正をテストします。よろしくお願いいたします。 –

+0

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

関連する問題