Подогнать размер td к размеру изображения CSS

Question

Подогнать размер td к размеру изображения CSS

0

У меня есть вопрос. Я попытался найти это, но я не мог этого сделать. У меня есть <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%;
}

user3422998 17 март 2014, в 15:53

Источник

0

Вы можете использовать sass, чтобы назначить ширину / высоту td таким же, как ширина / высота изображения. В противном случае я думаю, что вы должны использовать JavaScript: /
Aamir Afridi 17 март 2014, в 14:16
0

Удалить background-size: 100% 100%; и использовать изображение вместо background-image . В качестве альтернативы попробуйте указать 100% высоты и ширины.
Morpheus 17 март 2014, в 14:25

Теги:

html

css

1 ответ

Ещё вопросы

Вы можете использовать sass, чтобы назначить ширину / высоту td таким же, как ширина / высота изображения. В противном случае я думаю, что вы должны использовать JavaScript: /
Удалить background-size: 100% 100%; и использовать изображение вместо background-image . В качестве альтернативы попробуйте указать 100% высоты и ширины.

Aamir Afridi · Answer 1 · 2014-03-17T11-58-00.000Z

Вы можете попробовать это 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);
});