2013-05-28 69 views
2

我想只设置水平背景属性,添加background-position-x工程在铬,safari,IE。但FF和Opera不支持使用jquery水平背景css位置

我想补充的位置动态左值

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

+0

请告诉我们更多的细节,让我们来展示你html代码,让我们知道你真正需要什么。是的,可以将动态值添加为值的位置。 – HADI

+2

为什么不能使用'background-position:10px top;'?如果这是与jQuery的事情(不要得到它适合在哪里,因为它不在你的小提琴)你是'ppp' var需要引号和'pLeft'有混合引号 – Pete

+0

左边的位置是动态的。例如,我只用了10px。 – Wazdesign

回答

2

你可以做这样的:

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

或用动态值:

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

见更新fiddle

+0

更新完成,我想要左边的位置是来自某些宽度计算的动态 – Wazdesign

+1

那么这只是一个例子,您还可以使用动态值 - 请参阅更新的小提琴:http://jsfiddle.net/axelmichel/ hQ5dj/10/ –

+0

那,我在看什么。谢谢 – Wazdesign

0

用途:

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/