크롬 배경 이미지가 클릭시 새로 고침되지 않습니다.

Question

버튼을 클릭하여 본문의 배경 무늬를 변경하는 배경 이미지 전환기를 만들려고합니다.

$(".ptn-ill").click(function(){ 
    $("body").addClass("pattern-ill"); 
}); 


.pattern-ill { 
    background-color: rgb(43, 42, 47); 
    background-image: url(../images/science.png); 
    background-repeat: repeat; 
} 

Mozilla에서는 작동하지만 Chrome에서는 창 크기를 조정할 때까지 이미지가 변경되지 않습니다. background-image을 새로 고치려면 크롬을 강제로 사용할 수 있습니까?

Answer 1

본문 태그 대신 래퍼에 배경 이미지를 적용해야했습니다. 또한 모든 새로운 배경 클래스에 bg 색상을 추가해야했습니다. 크롬에 투명성 문제도 있었기 때문입니다. 크롬의 배경 이미지 속성은 이벤트에서 다시로드 할 때 실제로 좋지 않습니다.