拉伸表格行到背景圖片的高度

我想將表格行拉伸到圖片的高度......沒有爲表格行分配任何高度......當我爲表格行分配高度值時，它會顯示圖像但我不用想指定高度，以錶行..拉伸表格行到背景圖片的高度

<table> 
    <tbody> 
     <tr> 
      <td>Hello Stack overflow</td> 
     </tr>  
     <tr> 
      <td style="background-image: url(http://localhost:/Data/SF8-P72/data/SF8-P72/files/71D559BD-C5F4-D9C2-837D-E297B9916944.png); background-size: contain; background-repeat: no-repeat;"> 
      </td> 
     </tr> 
    </tbody> 
</table>

來源

2015-10-20 shank

在'td'上強制高度的一種方法是在其中添加一個填充％。它不會產生實際的圖像高度，只是相對於容器寬度的高度百分比。看看[這個小提琴]（http://jsfiddle.net/danield770/odn7y9ny/1/） - 那就像你之後的東西？ – Danield

當使用IMA ge作爲背景，其大小不針對任何佈局進行評估。也就是說，您必須明確設置尺寸或使用img標籤，圖像加載後立即計算尺寸。

來源

2015-10-20 08:38:02

我想你想：

td 
 
{ 
 
    border:1px solid red;}

<table> 
 
<tbody> 
 
<tr> 
 
    <td>Hello Stack overflow</td> 
 
</tr> 
 

 
<tr> 
 
    <td> 
 
     <img src="http://www.avaloncommunities.com/~/media/Images/Brand%20Photos/Home%20Photos/homepage_carousel_blue_small.png?h=250&la=en&w=350"/> 
 
    </td> 
 
</tr> 
 
</tbody> 
 
</table>

來源

2015-10-20 07:40:41 divy3993

yaa但你已經使用img 標籤...我想要它使用背景圖片img – shank

對不起，這是不可能的只使用CSS。你需要JQuery/JavaScript。 – divy3993

拉伸表格行到背景圖片的高度

回答

相關問題