CSS - 背景大小包含或正常

Question

我想找到一种方法来获得div中包含的背景图像，如果它大于div（background-size：contains;）并且图像小于div ，保持它，因为它是不拉伸和模糊它（背景大小：自动;）

有没有什么办法做到这一点？我没有从长远来看，图像的控制，因为它是一个WordPress网站（所以图像也必然发生变化，而不会由程序员通过）

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"; 
 
     
 
    } 
 

 
}