vertical-align: text-topテーブルセル内に設定された画像があります。Internet Explorer では正しくレンダリングされますが、Chrome では正しくレンダリングされません。
Internet Explorer 10 (10.0.9200.16660):
クロム 29 (29.0.1547.66 m):
Firefox 23 (23.0.1)を含むように更新:
3 つのブラウザー、3 つの動作。しかし、IEだけがあなたが期待するものです。
jsFiddle でグレービングをいじることができます。
魔法の成分は、テーブル セル内の画像です。
<td class="c1" rowspan="3">
<img src="data:image/png;base64,iVBORw0KGgoAAA....">
</td>
セルのスタイルは次のvertical-align: text-topとおりです。
<style type="text/css">
.c1 {vertical-align: text-top; }
</style>
私が見つけた唯一の回避策は、vertical-align: text-top. しかし、それは私が望む方法ではないレンダリングを引き起こします:
Chrome はすべての良いことと正しいことの調停者であるため、何か間違ったことをしているに違いありません。しかし、何？
注: この問題は、インラインの data-uri イメージに限定されません。問題がjsFiddleに表示されるように、私はそれを使用します。