使背景图片以适应100％的非静态图像

<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 correctly.i希望他们占据整个TD。但每家公司的背景图像位置是不可uniform.I即使使用图像加载Java脚本，以适应尝试到容器。虽然没有工作。

任何帮助家伙......？

给'背景尺寸：100％100％;' – 2013-03-21 08:35:22

@Mr_Green：就像魅力.....你可以发布它作为answer.ill大关然后呢。 – 2013-03-21 09:10:39

尝试

background-size: 100% 100%;

其中第一值是宽度和第二为高度。

您可以通过以下多了解一下这个link

2013-03-21 09:21:04

谢谢....工作像魅力:) – 2013-03-21 09:27:35

这是我一直在寻找的东西 – arjuncc 2013-03-21 10:10:42

@arjuncc很高兴我可以帮助:) – 2013-03-21 10:11:54

你试过cover？

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

2013-03-21 08:18:24

尝试这种情况：

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

或该

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

2013-03-21 08:21:30 Pith

回答