Привет, я пытаюсь применить фоновое изображение к div, используя jquery. Код, который я использую, прекрасно работает во всех браузерах, кроме IE 6 и 7 (самые слабые браузеры, которые мне нужно поддерживать). Если я статически применяю тег стиля к моему div, он показывает изображение, но когда я применяю его с помощью jquery, он не показывает. Я использую IE Tester для тестирования в IE 6 и 7. Когда я смотрю на интерпретированный исходный код, он показывает атрибут стиля с правильным свойством фона в правильном теге.
вот код, который я использую
HTML:
<div class="overlay">
JQuery:
var img-src = 'url('+$('.img-src').text()+')';
$('.overlay').css('background-image', img-src);
примечание: я также попытался использовать ключ 'backgroundImage' вместо 'background-image' в качестве параметра функции css. Использование background-image - вот что заставило его появиться в IE 8. Кто-нибудь сталкивался с подобной проблемой и знает обходной путь?
ОБНОВЛЕНИЕ: изображение, которое я пытаюсь сделать, на самом деле появляется в IE 6, теперь меня беспокоит только IE 7.