css - 表格单元格上的“vertical-align: middle”在 IE6 中与 AlphaImageLoader 不对齐到中间

Question

我正在尝试将表格单元格上的一些文本与 PNG 透明背景对齐，我使用 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader() 在 IE6 中修复此问题。但是文本没有与样式过滤器对齐到中间：

CSS：

.fh {
font-family:SimSun;
font-size:12px;
overflow:hidden;
padding:0 2px 2px;
text-align:left;
vertical-align:middle;
}

HTML：

<table width="200"  border="1" cellpadding="2" class="x-table">
<tr>
<th scope="col">&nbsp;</th>
</tr>
<tr style="height: 77px;">
<td class="fh" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./shadow-trans.png')">&nbsp;ABCDEFG</td>
</tr>
</table>

截屏：

“vertical_align_ie6” http://filer.blogbus.com/4216262/resource_4216262_1279530625v.png

Answer 1

尝试将高度转移到 TD 或 TABLE。

Answer 2

我发现可以通过将带有表格的 div 插入到源 td 来解决此问题：

HTML：

<table cellspacing="0" cellpadding="0" class="x-table" style="position: absolute; width: 289px; left: 0px;">
    <colgroup>
        <col style="width: 72px;"/>
        <col style="width: 72px;"/>
        <col style="width: 72px;"/>
        <col style="width: 72px;"/>
    </colgroup>
    <tbody>
        <tr style="height: 77px;">
            <td class="brw1 brss bbw1 bbss blw1 blss btw1 btss" style="border-color: rgb(153, 204, 255); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./shadow-trans.png', sizingMethod=crop);background-repeat: no-repeat;" id="A1-0" colspan="4">
                <div class="fx" style="height: 76px;">
                    <table>
                        <tbody>
                            <tr>
                                <td class="fh bw" style="height: 76px; width: 288px;">ABCDEFG</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </td>
        </tr>
    </tbody>
</table>