表格单元格上的“vertical-align：middle”与 IE6 中的 AlphaImageLoader 不对齐到中间答案

【问题标题】：“vertical-align: middle” on table cells does not align to the middle with AlphaImageLoader in IE6表格单元格上的“vertical-align：middle”与 IE6 中的 AlphaImageLoader 不对齐到中间
【发布时间】：2013-04-03 15:38:56
【问题描述】：

我正在尝试将表格单元格上的一些文本与 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

【问题讨论】：

它在哪里对齐，因为中间是默认的垂直对齐？另外，为什么你的 CSS 属性用大写字母写？
CSS 属性用大写字母书写，因为我是从 DebugBar 工具复制的，现在修改。

标签： css internet-explorer-6 vertical-alignment

【解决方案1】：

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

【讨论】：

【解决方案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>

【讨论】：

如果我将属性 sizingMethod='scale' 或 sizingMethod='crop' 添加到 AlphaImageLoader，就可以了。但是如果 src 属性等于 '/WebReport/ReportServer?op=attach_image&id=7e2bb125-5649-4aaf-add2-86147280220c' 之类的东西，它又有问题了！！