"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > jQuery 배경 이미지가 작동하지 않는 이유는 무엇입니까?

jQuery 배경 이미지가 작동하지 않는 이유는 무엇입니까?

2025년 1월 19일에 게시됨
검색:648

Why is my jQuery background-image not working?

jQuery CSS 속성을 사용하여 배경 이미지 설정

이미지를 배경 이미지로 설정하는 동안 문제가 발생했습니다. jQuery를 사용하는 속성입니다. imageUrl 변수에 이미지 URL을 할당하고 이를 'myObject' 요소의 CSS에 적용하려고 했습니다:

$('myObject').css('background-image', imageUrl);

검사 결과 console.log($('myObject').css('Background-image'))가 "none"을 반환하므로 작동하지 않는 것을 확인할 수 있습니다. 이는 이미지가 올바르게 설정되지 않았음을 나타냅니다.

해결책:

이 문제를 해결하려면 'url()'에 이미지 URL을 포함해야 합니다. 함수는 표준 CSS 선언과 같습니다:

$('myObject').css('background-image', 'url('   imageUrl   ')');

이렇게 하면 이미지 URL의 형식이 CSS 배경 이미지 값으로 올바르게 지정되고 문제가 해결됩니다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3