图像不适合完整的细胞。 （在FF中工作正常，但在IE中没有）

Question

我正在尝试在css中以下列方式为元素添加背景图像

CSS

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

}

JSP

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

当我在FF中查看时，它显示正常。但在IE中，图像未在单元格中填充完成。

非常感谢您的帮助。

Answer 1

单元格不会自动调整为其背景图像的大小。为了确保单元格与图像的大小相同，请将图像的尺寸应用于.datebox，例如

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

Answer 2

IE8中不支持实际的后台大小 - 请参阅MSDN的IE compatibility chart