使用jquery的水平的背景css位置

Question

我想只设置水平背景属性，添加background-position-x适用于chrome，safari，IE。但FF和Opera不支持

我想添加位置的动态左值

var ppp = 10px;
var pLeft = ppp+' top";
jQuery(".bg-test").css("background-position" , pLeft );

更新

var ppp = jQuery(".someClass").width();
var pLeft = ppp+' top";
jQuery(".bg-test").css("background-position" , pLeft );

http://jsfiddle.net/hQ5dj/6/#run

Answer 1

你可以这样做：

$('.bg-test').css('backgroundPosition','left top');

或者使用动态值：

$().ready(function() {
    var leftPos = 10+2+5+'px';
    $('.bg-test').css('background-position', leftPos +' bottom');
});

查看更新的fiddle

Answer 2

使用：

background: url(http://png.findicons.com/files/icons/1035/human_o2/128/object_rotate_left.png) 100px 0px no-repeat #cc0;，

请参阅http://jsfiddle.net/hQ5dj/9/