问题标签 [background-position]

我对 js 和 jquery 很陌生，所以请多多包涵。

我想更改背景位置并在单击#button1 时在#div1 上添加1%，在单击#button2 时在#div1 上添加-1%

我怎么能在 jQuery 中实现这一点？

另外，奖金问题：这些将通过 php 动态生成。是否可以在 js-script 中使用 php 以使 id 正确？

像这样：

否则我将不得不学习如何在 js 中制作循环；）

编辑：跟进问题：

单击按钮时，如何使用此值更新文本字段？如果我还想添加向上/向下按钮，我该如何修改它？非常感谢！

提前致谢！-西蒙

我的脚本应该在单击按钮时动态更改背景位置（从当前值添加或减去 1%）。在 Fx 和 Chrome 以及 ie8 中也可以正常工作（我相信），但在 ie7 中不行。

这是我的代码：

感谢您就可能导致此问题的任何建议。-西蒙

http://cambridgeuplighting.com/testimonials

此代码适用于 Safari、IE7 和 IE8，但不适用于 FF 3.5.7。当您将鼠标悬停在 div 上时，代码会更改小背景图标的背景。

有人可以帮忙吗？非常感谢。

我想使用 CSS 精灵和背景位置创建一些具有动态宽度的按钮，但我不确定我想要的是否可能..

我希望按钮有左侧、中间和右侧，中间根据需要重复。理想情况下，我希望它由一张 11 像素宽的图像组成，因此左侧和右侧都是 5 像素宽，中间是 1 像素重复。有什么方法可以在 CSS 中定义以使用图像的一个中心像素，并在需要（未知）宽度时重复？

通常我使用两张图片来获得相似的结果——一张用于侧面，另一张宽度为 1px 的图片用于中间，但如果有某种方法可以将它们组合成一张图片，我更愿意使用它。

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

我希望我能做这样的事情，但遗憾的是它不起作用： element.getStyle('background-position-x);

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

出于某种原因，我不完全确定为什么，但以下不起作用。背景位置在悬停时保持不变。我不知道为什么。我可以用另一种方式来做，但我想尝试找出它为什么不起作用的原因。

有人知道是什么原因造成的吗？

提前致谢！

瑞安

我需要在 css 中网页的顶部中心放置一个图像。现在，我只是使用background-image:in css 但这将它放在页面的中间。

这是我的代码：

此外，更改background-position:似乎对网站的结果没有影响。任何帮助表示赞赏。

我创建了一个基本上是 3 个图像的 CSS 精灵的图像。它的尺寸是 278x123，所以它们基本上是 3 张 278x41 的图像。

我想做的是通过改变背景位置来制作动画。

我尝试了很多事情，我的一个不太有效的解决方案如下：

有什么想法我该怎么做？

基本上我只需要： - 将我的背景位置设置为“0px 0px”，然后将其移动到“0px -41px”，然后是“0px -82px”，然后从“0px 0px”再次循环。在它们之间有 fadeIn() 效果也很棒。

有任何想法吗？

谢谢你。

我正在尝试为背景图像设置动画以向下移动一定数量的像素，但仍保留在页面的中心。在再次单击一个元素时，我需要它移回顶部，但仍保持在中心。以下是当前代码：

我不能通过“中心”，因为它只会接受数值。我的目标是以像素为单位计算页面的中心（宽度 = (width / 2) - 700;），然后动画到这个粗略的位置（由于滚动条，它通常会超出几个像素，然后强制到中心使用 .css() 调用。

问题是IE不想玩球。IE 根本不会动画。Firefox/Safari/Chrome 都按预期工作。

下面是一个实时示例： http ://recklessnewmedia.com/new/# （点击顶部的“电子邮件广告系列”）。

谢谢

我在移动 Safari 中的背景位置存在问题。它适用于其他桌面浏览器，但不适用于 iPhone 或 iPad。

“background_top.png”和“background_bottom.png”都向左移动了太远。我已经用谷歌搜索了，据我所知，移动 safari 支持背景位置。我还尝试了关键字（“top”、“center”等）、px 和 % 的所有组合。有什么想法吗？

谢谢！

更新：这是 .html 文件中的标记，它在其他浏览器中显示设计和布局很好：（我还更新了上面的 css）

两个背景图像都非常宽（~2000px），以便在任何大小的浏览器上占用空间。

PS 我知道我可能会使用一些更有效的 CSS 快捷方式，但现在我喜欢将代码组织起来，就像我为了可见性而设计的那样。