фоновое изображение набора элемента CSS

я использую следующее для установить текстовое содержание элемента CSS

var cell = document.createElement('li');
        cell.textContent = this.labelForIndex(index);

Теперь я хочу установить фоновое изображение и окрасить....., как сделать это??

6
задан Rony 25 July 2010 в 13:06
поделиться

4 ответа

$(cell).css("background-image","url('mybg.png)");
4
ответ дан 9 December 2019 в 20:39
поделиться

Вы можете использовать "версию карты" jQuery css метода:

$(cell).css({'background-image': 'url("your-bg.png")',
             'background-color': '#abcdef'});

Но если вы можете (если фоновое изображение и цвет всегда одинаковы, например) использовать addClass, как вам сказал karim79.

3
ответ дан 9 December 2019 в 20:39
поделиться

Use addClass. Я думаю, что это менее многословно, более эффективно и красивее, плюс лучше (т.е. более удобно для сопровождения) держать определения стиля вне вашей реализации:

.prettyWithImage { background-image: url(/someimage.jpg); color: red }

$(cell).addClass('prettyWithImage');
3
ответ дан 9 December 2019 в 20:39
поделиться

Использование jQuery:

$(cell).css('background-image', 'url(image-location.jpg)').css('color', '#ABCDEF');
2
ответ дан 9 December 2019 в 20:39
поделиться
Другие вопросы по тегам:

Похожие вопросы: