6

我有 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 脚本以适应容器。但是没有用。

任何帮助家伙...？

4

3 回答 3

8

尝试

background-size: 100% 100%;

其中第一个值是宽度，第二个值是高度。

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

于 2013-03-21T09:21:04.017 回答
1

你试过cover吗？

.np-logo {
    background-repeat: no-repeat;
    background-size: cover;
}
于 2013-03-21T08:18:24.257 回答
0

试试这个 ：

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

或这个

<td class="np-logo" style="max-height: 228px; max-width: 50px">
于 2013-03-21T08:21:30.847 回答