使背景圖片以適應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

回答