图片中 <TD> 不适合整个单元格。 （在FF中可以正常工作，但在IE中则不能）

Question

I am trying to add a background image for element in the following way in css

CSS

.datebox {
    background-image: url("datebox.png");
    background-size: 100%;
    background-repeat: no-repeat;

}

JSP

<td class="datebox" valign="top"> <Table>......</Table> </td>

When I view in FF, it displays fine. But in IE, the image is not filled completed in the cell.

Thanks a lot for your help in advance.

Answer 1

The cell won't automatically resize to the size of its background image. In order to make sure that the cell is the same size as the image, apply the image's dimensions to your .datebox , for example

.datebox {
    width: 100px;
    height: 70px;
}

Answer 2

IE8及以下版本实际上不支持背景大小-请参阅MSDN的IE 兼容性表