CSS - 배경 크기 포함 또는 보통

Question

div보다 큰 경우 배경 이미지가 포함될 수있는 방법을 찾고 싶습니다 (background-size : contains;) 및 이미지가 div보다 작 으면 , 늘리거나 흐리게하지 말고 그대로 두십시오 (배경 크기 : 자동;)

어떤 방법이 있습니까? 그것은 워드 프레스 웹 사이트이기 때문에 (이미지가 프로그래머가 통과하지 않고, 변경 바인딩 때문에) 나는

Answer 1

window.onload = function() { 
 

 
    var imageSrc = document 
 
        .getElementsByClassName('foo') 
 
        .style 
 
         .backgroundImage 
 
         .replace(/url\((['"])?(.*?)\1\)/gi, '$2') 
 
         .split(',')[0]; 
 

 
    
 
    var divWidth = imageSrc.offsetWidth; 
 

 
    var image = new Image(); 
 
    image.src = imageSrc; 
 

 
    var width = image.width, 
 
     height = image.height; 
 

 
    alert('width =' + width + ', height = ' + height) 
 
    
 
    if (width > divWidth) { 
 
     
 
     imageSrc.style.backgroundSize = "contain"; 
 
     
 
    } 
 

 
}