html - HTML表格单元格背景图像对齐

Question

我需要将表格单元格的背景图像对齐为

垂直侧顶部 - 水平右侧

但它显示为，

垂直边居中；水平右侧

看看这个页面： http: //www.chemfluence.org.in/monetarist/index_copy.php

这是我的代码，

<td width="178" rowspan="3" valign="top" 
align="right" background="images/left.jpg" 
style="background-repeat:no-repeat;background-position:right;">
</td>

如果我使用背景位置：顶部；它是水平居中对齐的，请让我知道应该更正哪个。

Answer 1

像这样使用你的内联 CSS

<td width="178" rowspan="3" valign="top" 
align="right" background="images/left.jpg" 
style="background-repeat:background-position: right top;">
</td>

Answer 2

这适用于 IE9（兼容性视图和普通模式）、Firefox 17 和 Chrome 23：

<table>
    <tr>
        <td style="background-image:url(untitled.png); background-position:right 0px; background-repeat:no-repeat;">
            Hello World
        </td>
    </tr>
</table>