Setting background-position with jQuery

Question

I have some span tag with let's say #span id that has the property background: url(some image) -22px top no-repeat, which displays some image as a background.

If it has the property background: url(some image) -22px top no-repeat, another image is displayed. The problem is that if I specify ('#span').attr('background-position','0px top') nothing happens, the other image is not displayed. Could someone explain why?

score 1 · Accepted Answer · answered Sep 24 '13 at 16:11

1

Use .css()

$('#span').css('background-position','0px top');

.css() -> Get the value of style properties for the first element in the set of matched elements.

answered Sep 24 '13 at 16:11

Tushar Gupta - curioustushar

58,085
24
103
107

i think you can find your answer here: http://stackoverflow.com/questions/1776950/change-background-position-with-jquery – Caner Akdeniz Sep 24 '13 at 16:12
1

@user1611830 Welcome. Never mind you learned a new thing .Be happy :) – Tushar Gupta - curioustushar Sep 24 '13 at 16:13

Setting background-position with jQuery

1 Answers1