使td尺寸适合图像尺寸CSS

时间:2014-03-17 14:09:39

标签: html css

我有一个问题。我试图找到这个,但我不能这样做。 我在表中有<td>是空的。但是在加载图片为<td>背景后,尺寸为800x600 <td>也需要800X600。我动态地想要它。

我尝试在几个方面使用CSS,但它无法正常工作。它使我的图像符合<td>

<td class="plan"></td>

.plan{
        border: 1px solid black; 
        background: url(../graphics/plan.png) no-repeat ;
        background-size: 100% 100%;
}

1 个答案:

答案 0 :(得分:0)

您可以尝试此http://jsfiddle.net/aamir/TTGS9/2/

$(function(){
    var bgImg = $('<img src="'+$('td').css('background-image').replace('url(','').replace(')','')+'" />');
    bgImg.hide().bind('load', function(){
        var $this = $(this);
        $('td').width($this.width()).height($this.height());
        $this.remove(); //not needed
    });
    $('body').append(bgImg);
});