嘿,我正在使用Prototype开发一个简单的用户友好的CSS编辑器。无论如何,我想知道是否可以自己获取背景位置的x / y值?

我希望我可以做这样的事情,但不幸的是它不起作用:
element.getStyle('background-position-x);

我猜这是因为职位以不同的形式出现,例如“中心”,而不仅仅是通用。

最佳答案

<!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>

关于javascript - 如何使用原型(prototype)获取背景图像的x或y位置?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/2618960/

10-09 21:24