嘿,我正在使用Prototype製作一個簡單的用戶友好的CSS編輯器。無論如何,我想知道我是否可以自己獲得背景位置的x/y值?如何使用原型獲取背景圖像的x或y位置?
我希望我可以做這樣的事情,但遺憾的是它不工作: element.getStyle('background-position-x);
我想這是因爲位置賈君鵬像「中心」,而不是僅僅是通用的。
嘿,我正在使用Prototype製作一個簡單的用戶友好的CSS編輯器。無論如何,我想知道我是否可以自己獲得背景位置的x/y值?如何使用原型獲取背景圖像的x或y位置?
我希望我可以做這樣的事情,但遺憾的是它不工作: element.getStyle('background-position-x);
我想這是因爲位置賈君鵬像「中心」,而不是僅僅是通用的。
嘿,這似乎工作得很好。即使位置設置爲「居中」,原型也會將其轉化爲百分比!非常便利!
var temp = $('header').getStyle('background-position');
var split = temp.split(" ");
$('header_horizontal_position').value = split[0];
$('header_vertical_position').value = split[1];
無論如何,感謝您的幫助球員。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<style type="text/css">
<!--
body {
background-image: url(00.jpg);
background-repeat: no-repeat;
background-position: top left;
}
-->
</style>
<script type="text/javascript">
function getStyle(obj,att){
for(var i=0;i<att.length;i++){
if(window.getComputedStyle){
obj[att[i]]=window.getComputedStyle(obj,null)[att[i]];
}
else if(obj.currentStyle){
obj[att[i]]=obj.currentStyle[att[i]];
}
}
}
onload=function(){
var obj = document.getElementsByTagName('body')[0];
var att=['backgroundImage','backgroundRepeat','backgroundPosition']
getStyle(obj,att)
for(var i=0;i<att.length;i++) {alert(obj[att[i]])}
}
</script>
</head>
<body>
</body>
</html>