2013-05-28 66 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/