Как изменить значение background-size с помощью jquery?

189

05 июля 2017, 00:25

Есть такой код:

$('.header-x').css({'background-size':  screenWidth + ' auto'});

Но он не работает.

Может кто поможет с правильным решением?

Answer 1

setTimeout(() => { 
 
  screenWidth = 50; 
  document.querySelector('.header-x').style.backgroundSize = screenWidth+'px auto' 
 
}, 666);

.header-x{ 
  width: 100px; 
  height: 100px; 
  border: 1px solid black; 
  background-image: url(https://cdn2.iconfinder.com/data/icons/travel-roundline/512/wall-512.png); 
   
  // Ваш косяк в том, что вы забыли единицы измерения. 
  // Так это не работает: 
  background-size: 50 auto;  
}