javascript - jQuery - Setting background position from variables - Stack Overflow

admin管理员组

文章数量:1363461

Im getting the X and Y co-ordinates or a selected area, Im then using that to set the position of an image in another DIV.

Vars:

selection.x1 (This will need to be a negative value)
selection.y2

I need to write using Javascript or jQuery the following:

div.css('background-position', -selection.xl selection.y2);

But this just give me an error, how can I add two background postion values to the CSS?

Im getting the X and Y co-ordinates or a selected area, Im then using that to set the position of an image in another DIV.

Vars:

selection.x1 (This will need to be a negative value)
selection.y2

I need to write using Javascript or jQuery the following:

div.css('background-position', -selection.xl selection.y2);

But this just give me an error, how can I add two background postion values to the CSS?

• javascript
• jquery

Share Improve this question Follow asked Feb 3, 2011 at 9:01 CLiownCLiown 13.9k5050 gold badges127127 silver badges205205 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 10

var x1 = '-100';
var y2 = '100';

$('#divID').css({
  'background-position':x1+'px '+y2+'px'
});

That works for me, just ensure you have a background-position in your css as well (even if it's set to 0px 0px

Edit for @logic-unit
$('#divID').css('background-position', x1+'px '+y2+'px');

本文标签： javascriptjQuerySetting background position from variablesStack Overflow