问题标签 [background-position]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
11 回答
33071 浏览

javascript - 修复 IE 中的背景位置

当运行一段使用 jquery 和 2 个 jquery 插件的代码时,我在 IE7 中遇到了这个问题。该代码适用于 FF3 和 Chrome。

完整的错误是:

但是第 33 行是一个空行。

我正在使用 2 个插件:可拖动和缩放。无论我对代码做什么,总是第 33 行有问题。我通过查看源检查源是否有更新,但我觉得这可能是在骗我。

基本上我想要做的是用 jQuery 重新创建 Pragmatic Ajax 地图演示。


看来这个片段的第二行是造成问题的原因:

似乎是在尝试选择 background-position 属性#draggable但没有找到它?手动添加background-position: 0 0;没有解决它。关于如何解决这个问题的任何想法?

我尝试使用 MS Script Debugger,但这几乎没用。无法检查变量或其他任何内容。

0 投票
6 回答
13958 浏览

css - IE6 background-position(?) issue

I apply to stackoverflow as my last resort. I got this ie6 bug while using the image at the background of the link. It seems that ie6 scrolls the background. How can I avoid it?

At some width it shows like this:
alt text http://img135.imageshack.us/img135/8849/badie1.png

And at some other it shows like that:
alt text http://img522.imageshack.us/img522/8180/badie2.png

IE7 & FF show this just like I expect:
alt text http://img142.imageshack.us/img142/2296/goodie.png
The links are placed inside the div which is floating to the right.

Any hints how can I avoid this?

0 投票
3 回答
1382 浏览

jquery - 使用 CSS 属性更改元素的背景

我有一个带背景的 div,我想在点击时更改背景的位置。

这是我的 jQuery 片段:

虽然这工作正常,但我想通过“第二次”点击返回到原始位置,重置所有。

嗯,这就是所谓的“回调”吗?

我试过了,但没有奏效:

0 投票
2 回答
1348 浏览

internet-explorer - IE6右边框上Div中的背景图像

帮助

我拼命尝试在 Internet Explorer 6 的 DIV 中的右边框上放置背景图像。

至今没有成功。

这是我的 CSS:

的HTML:

Div 应该最终动态扩展。“100 px”仅用于测试。

也许是因为它是一个png文件?

我很感激任何帮助。

0 投票
1 回答
1011 浏览

html - CSS/Javascript 如何像在 IE7+ 中一样在 Firefox 中制作这个背景位置电影?

这是有问题的网站:www.theorymarine.com

0 投票
2 回答
699 浏览

background-image - CSS背景:设置位置然后换班?

background-position 属性可以通过多种方式设置,例如“右上角”或“16px 16px”或“50% 75%”等。

问题:有没有办法定位背景图像然后偏移该位置?

例如:将背景位置设置为“右上角”,然后使用“-16px 16px”将其向左移动 16px 并向下移动 16px?

0 投票
2 回答
1669 浏览

css - CSS 背景位置:动画和性能

我已经看到了许多动画元素的背景位置以产生漂亮的滚动背景的例子。

这些示例还倾向于在重置计数器中编写脚本,以在一定数量的像素之后将背景位置置于其原始位置。

我的问题是:永远不要为平铺背景重置背景位置是否可行?随着时间的推移,这自然会产生非常大的背景位置值,但如果浏览器性能没有显着差异,它可能没问题。我在 8 小时内测试了 IE、Firefox 和 Chrome,似乎没有任何负面影响,尽管我的盒子相对较快。

回答“为什么不重置?” 问题,它归结为简单。我正在为许多背景元素制作动画,每个元素都具有不同的 X/Y 比率,因此不必计算究竟何时是像素完美的切换时间会让我的生活更轻松。

有人对此有想法吗?

0 投票
5 回答
126557 浏览

jquery - 使用 jQuery 更改背景位置

我想在悬停 li 元素时更改 CSS 类的背景位置。

HTML:

CSS:

关于如何做到这一点的任何建议?

0 投票
1 回答
583 浏览

css - 内联 div 背景不显示

我正在尝试使用两个 div,一个在左角具有非重复背景作为“弯曲边框”图像,第二个 div 在该图像内,其背景由第一个的宽度偏移div 的图像,使其看起来像一个实心图像,随着页面宽度流畅地拉伸。我尝试按照我描述的方式执行此操作,但它不起作用,只显示拉伸的重复背景 div。我宁愿从头开始尝试你们中的一个人提出的建议。

0 投票
4 回答
1821 浏览

css - CSS:背景位置:???;

希望这些图表能解释我所追求的。红色表示背景,灰色表示网页。

错误的

由 imgur.com 主办

由 imgur.com 主办

我如何做到这一点?我试过background-position: bottom right;了,但都是错的。