使td的背景图像适合非静态图像的100%

Question

我有td标签:

<td class="np-logo" style="width: 228px; height: 50px;">
                                            </td>

和CSS:

.np-logo
{
background-repeat: no-repeat;
background-size: 100%;
}

我正在根据公司徽标更改图像.所有图像都有不同的大小和宽度.

.np-logo{background-image:url('" + companylogo + "');

问题是图像没有正确地适应td.我希望它们占据整个td.但对于每个公司,背景图像位置都是不均匀的.我甚至尝试在图像加载上使用java脚本来适应容器.虽然没有奏效.

任何帮助人......？

Answer 1

尝试

background-size: 100% 100%;

其中第一个值是宽度,第二个值是高度.

您可以通过以下链接了解更多信息