IE 6 및 7에서 jquery를 사용하여 divs 배경 이미지 설정

Question

안녕하세요 jquery를 사용하여 div에 배경 이미지를 적용하려고합니다. 내가 사용하는 코드는 IE 6 및 7 (지원해야하는 가장 약한 브라우저)을 제외한 모든 브라우저에서 정상적으로 작동합니다. 내 div에 정적으로 스타일 태그를 적용하면 이미지가 표시되지만 jquery를 사용하여 적용하면 그렇지 않습니다. Internet Explorer 6과 7에서 테스트하기 위해 IE Tester를 사용하고 있습니다. 해석 된 소스 코드를 보면 정확한 태그에 올바른 배경 속성이있는 스타일 속성이 표시됩니다.

<div class="overlay"> 

JQuery와 :

var img-src = 'url('+$('.img-src').text()+')'; 
$('.overlay').css('background-image', img-src); 

참고 : 나는 또한 키 'backgroundImage의'대신 '를 사용하려고했습니다 배경 - 여기

내가 사용

HTML 코드입니다 이미지 '를 CSS 함수의 매개 변수로 사용합니다. 배경 이미지를 사용하면 IE 8에 표시 될 수 있습니다. 비슷한 문제에 직면하고 해결 방법을 알고있는 사람이 있습니까?

업데이트 : 내가 만들려고하는 이미지가 실제로 IE 6에 표시되지만, 이제 IE 7에서 문제가 발생합니다.

$('.overlay').css('background', img-src + ' no-repeat top left');

Answer 1

이

$('.overlay').css('background-image', $('.img-src').text()); 

Answer 2

은 당신이 노력했다. 변수는`img-src`라는 이름을 가질 수 없습니다 (대시를 밑줄로 대체하십시오).