问题标签 [background-position]

我有一个背景位置为“右上角”的对象

我想将此背景位置向上移动 10 像素（悬停时），但是一旦我更改值，新值就会从 0,0 点（左上角）插入，但我想要（右上角）

有没有 100% CSS 解决方案？

我有一个 div 元素，比如宽度为 200 像素，高度为 200 像素。我需要一个小图像出现在 div 的右上角。一个人通常会怎么做

但是问题是，我正在从精灵加载图像，当我使用类似的东西时

精灵似乎没有从正确的位置选择它。精灵的其他部分被加载。是否可以从精灵加载图像并使用背景位置属性。提前致谢...

我有一些这样的 HTML：

和 CSS

#main 与其#container 的宽度相同。我试图在#main 的右上角放置一个固定的背景图像。然而，当我把背景附件：固定，它似乎从流程中删除...

在那里，图像并没有放在 main 的右上角，而是看起来像页面的右上角，或者可能是容器。

在滚动模式下，它主要是很好的。只有当切换到固定时。

这是它的工作原理吗？有没有解决的办法？

我试图为该站点创建一个固定边框，该边框通过该精灵的浏览器窗口动态更改大小（我知道这并不完美。）： http: //fc07.deviantart.net/fs70/f/2011/269/ 7/0/bordersprite_by_nakos-d4ayzne.png

jSFiddle 上的演示

如您所见，我的问题是垂直墙部分。因为它们#falJ也包括底墙的末端以及两个墙精灵之间的空间。有没有办法强制只使用没有底墙末端的垂直墙部分？#falBheight:100%backround-position

提前致谢。

how can I animate the background-position property using jQuery's animate function without using a plugin? I tried switching back to 1.4.4 when backgroundPosition was supported, however it just seems to work on IE and not on FF or Chrome. I've tried looking at the step callback of the animate function, but I can't get nothing to work.

一直在努力工作，我已经看过很多地方了，非常感谢任何帮助。

基本上我有一个导航菜单，它由几个翻转图像组成（正常状态“左上角”，悬停状态“左下角”，它们当前配置为通过 css 单独翻转 - 这些看起来像这样：

现在我想要实现的是，当我将它们中的任何一个悬停时，让它们全部翻转。所以说我悬停在“档案”上；以下将翻转“档案，联系，关于”

我已经尝试了以下方法，但没有成功（不透明度子句完全符合我的要求，但由于某种原因，这似乎不适用于“背景位置”）：

我将如何实现这一目标？提前感谢您的帮助！

我正在尝试将图像作为背景，并希望它与右侧对齐，但不紧密对齐。像margin-right:10px这样的东西。是否可以在纯 css 中做到这一点，而无需为图像显式添加边距？

我有几次尝试，但都失败了...... http://jsfiddle.net/cA7Un/1/

提前致谢！

这有效：

这不是：

为什么？只显示最后一个 css 值（中心 -152px）。

我在使用多个背景制作按钮时遇到了一些麻烦。我知道我可以使用 :before 和 :after 但如果可能的话我想弄清楚这一点。

这是 Jsfiddle http://jsfiddle.net/syren/qerUT/1/

在那，我已经展示了我最终想要的样子。在那个，我用

只是为了展示我想要的样子。因为我希望它能够优雅地扩展以用于其他按钮和翻译，所以我想使用它：

但这行不通。根据规范它应该，所以我不确定我做错了什么。有任何想法吗？谢谢！

这是 IE 中的一个错误。在其他浏览器中都非常出色。其中很多都试过了，没有任何效果。

HTML：

CSS：