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

我有td标签：

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

我正在根据公司标志改变图像。所有图像都有不同的大小和宽度

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

问题是图像没有正确地适应td。我希望它们占据整个td。但对于每个公司来说，背景图像的位置都是不一致的。我甚至尝试在图像加载上使用java脚本来适应容器。但是没有起作用

---

有人帮忙吗

你试过封面了吗

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

试试这个：

<td class="np-logo" style="max-height: 100%; max-width: 100%">

还是这个

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

试试看

其中第一个值表示宽度，第二个值表示高度

---

您可以通过以下内容了解更多信息

Give

background size:100%100%@Mr_Green:就像魅力一样……你能把它贴出来作为答案吗？我会记下来的。这是我一直在寻找的答案while@arjuncc很高兴我能帮忙：）
<td class="np-logo" style="max-height: 228px; max-width: 50px">

background-size: 100% 100%;