javascript - 如何使用 javascript 找到背景图像的 y 偏移量?

标签 javascript image background offset

我想很简单。获得背景位置很容易,但仅仅获得 Y 位置似乎有点困难。我必须拼接背景位置输出吗?还是有更简洁的方式来获取值(value)?

编辑:我能够得到这个,Damien-at-SF 答案的 javascript 版本,但出于某种原因,当我为它执行 console.log() 时,yResult 返回“(空字符串)”。我不不要以为它实际上是在抢值(value)。我做错了什么?

var yResult = document.getElementById('sub-image1').style.backgroundPosition;
var a = yResult.split(" ");
var y = parseFloat(a[1]);

最佳答案

您可以使用 jQuery 来获得广泛的浏览器支持:

//returns y position of background image
$("#example").css("background-position").split(' ')[1]

这里的工作示例:http://jsfiddle.net/QagqS/

该示例提醒背景图像的 y 位置 :)

不使用 JQUERY 更新:

对于标准 javascript ( http://jsfiddle.net/QagqS/3/ ),您需要在元素内定义您的内联 css:

<div id="example" style="background-position:10px 100px"></div>

这允许 javascript 获取元素的样式,因此您可以使用

document.getElementById('example').style.backgroundPosition.split(' ')[1]

方法贴在上面...

关于javascript - 如何使用 javascript 找到背景图像的 y 偏移量?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5724338/

相关文章:

javascript - 在 C++ 中模仿特殊的 JavaScript 回调

image - ITK 中 OpenCV imdecode() 的模拟

javascript - 在 JavaScript 中评估相等性或同一性时,操作数顺序有什么不同吗?

html - p :first child doesn't work if a img tag is immediately after the p tag?

image - 计算像素的积分图像(求和面积表)

javascript - d3.js 中的奇怪 "initial"值

c++ - QT背景图片

android - 背景图像未显示在手机上

javascript - 不评估访问器检测 Object.defineProperty 是否具有链式数据描述符

javascript - 导航到 URL 但未收到响应