Удалить размер фона CSS3 с помощью jQuery

Question

Я использую jQuery, чтобы установить фоновое изображение для растягивания внутри div с помощью $("#container").css("background-size", "100% 100%").

Он отлично работает, но затем одним нажатием кнопки. Я хочу удалить свойство и сбросить размер фона до его состояния по умолчанию, поэтому я использую $("#container").removeAttr("background-size");, и он не работает ... ничего не меняется.

Любая помощь будет оценена по достоинству.

Answer 1

Попробуйте это. removeAttr удаляет атрибут элемента не css.

$("#container").css('background-size', '') 

Answer 2

removeAttr() для удаления HTML-атрибутов, а не CSS стилей.

Вы можете использовать один и тот же сценарий jQuery, который вы используете, чтобы установить размер фона в auto.

$("#container").css("background-size", "auto")

Answer 3

Вы можете сделать класс вместо встроенного стиля:

.background-size { background-size:'100% 100%' } 

В этот:

$("#container").addClass("background-size"); 

И тогда, когда вы хотите, чтобы удалить его:

$("#container").removeClass("background-size"); 

Answer 4

.removeAttr(attributeName) просто удаляет атрибут из каждого элемента в наборе согласованных элементов. Итак, вы должны сбросить свой CSS на .css('background-size', '')