问题标签 [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 投票
2 回答
329 浏览

css - Nivo 背景位置被忽略

希望有人可以帮助我解决我在新设计中实现的 nivo 滑块上的背景定位的 css。

背景位置被忽略了.nivo-nextNav,我不知道为什么。

这是我的CSS:

页面链接:http ://www.plumeriawebdesign.com/Headstand%20Software/

我现在可以工作了。我将css更改为.nivo-directionNav a以下内容:

现在背景已正确定位。很好奇为什么它可以在他们网站上的默认滑块上运行,而不是我的。对我来说很奇怪。

0 投票
2 回答
2224 浏览

jquery - jquery在多个背景上更改css背景位置

我正在尝试通过 jquery 根据分辨率更改元素的背景图像位置。编码:

在 CSS 中,您可以像这样更改元素的多个背景:

我无法将其定义为使用 jquery 进行更改,因为这不起作用

0 投票
3 回答
51067 浏览

css - background-position-x (background-position-y) 是标准的 W3C CSS 属性吗?

我很担心background-position-xbackground-position-y。Gecko (Firefox) 和 Presto (Opera) 不支持它们,但 Webkit (Chrome, Safari) 支持...

有谁知道(有官方参考资料)这是否(或将)包含在标准中?

0 投票
3 回答
5377 浏览

html - CSS:背景位置+重复=不工作

以前有人遇到过这种 CSS 问题吗?

我有一个设置为 100% 宽度的标题,左侧有一个图像(500 像素宽)。我有一个背景图像,我想水平填充剩余空间,但不是图像所在的位置。因此,我设置background-position: 500px 0;并假设背景从距浏览器左侧 500 像素的距离开始。但事实并非如此。它只有在我将重复属性设置为background-repeat: no-repeat;我花了 1.5 小时试图找到一个没有运气的解决方案时才有效,并最终通过margin-left: 500px;在标题中添加 a 和在图像中添加负 500px 边距来解决这个问题。我在这里错过了什么吗?为什么我不能告诉我的背景从 x 坐标 500 开始水平平铺?

0 投票
0 回答
861 浏览

jquery - Set origin background-position with parallax effect jQuery

I'm using this jQuery code to make a parallax effect when scrolling :

The problem is that my background image is at 300px from top of my window at start and with this code I can't set this origin position to start scrolling the background at 300px from top, the background-image jump directly to top:0px

And one another thing :

Is it possible to stop the effect if I reach a specific position (Example : If the background-position reach 300px just stop the movement)

Any ideas about it? Thanks!

0 投票
2 回答
2791 浏览

css - 背景位置 IE9

在我的 CSS 中,我放置了这样的背景,

这是一个从白色到灰色的渐变,我希望它从我的底部开始<body>并在屏幕上重复,但是在 IE 中它似乎不在我的身体底部附近,这有什么原因吗?

网址 - http://apigroup.factoryagency.co.uk

0 投票
5 回答
15510 浏览

html - Gmail HTML 电子邮件背景

我正在处理 HTML 电子邮件。我得到的问题是 GMAIL 不使用我给它的“背景位置”。我有一个 100% 宽度的表格,其背景必须居中。大多数客户都能完美地做到这一点,但 Gmail 却没有。有解决方法吗?

内联 CSS 是这样的:(我已经拆分了所有背景属性,否则大多数客户端不会以正确的方式显示它)

0 投票
3 回答
182 浏览

html - 这个“背景位置”线模棱两可吗?

刚刚读到不允许混合值,例如:background-position: top 50%;

但是,我不确定以下几行是否模棱两可:

我担心的是它们可能会以一种被禁止的方式凝聚并导致意想不到的错误。

你认为这会发生吗?是什么让你这么认为?

0 投票
3 回答
85 浏览

javascript - 切换背景位置两次

我想通过单击相同的按钮两次来取消选择该按钮。

单击女性或男性后,脚本会更改背景位置并将数据正确插入到性别输入中,但是如果再次单击(两次),我想将相同的按钮返回到其原始位置并删除结果性别输入字段

任何人都可以建议修改我的脚本吗?

这应该是一个单独的脚本吗?

谢谢

http://jsfiddle.net/B4XkL/5/

​</p>

0 投票
2 回答
2579 浏览

jquery - 使用jQuery悬停另一个div时div背景更改

我试图让这个工作,但我对 jQuery 知之甚少。

当用户将鼠标悬停在 div“按钮”上时,div“幻灯片”的背景位置必须从“0 0”变为“0 -89px”,而将鼠标移动到另一点必须将背景位置重置为“0 0” .

那是代码(从stackoverflow上的另一个问题回收):

我的 HTML:

我的 CSS:

它有效,但不如预期。当我将鼠标悬停在按钮 div 上时,没有任何反应,但是如果我将鼠标移动到另一个点,所有代码都可以正常工作并且背景会发生变化。

我确信有可能解决这个问题,但我昨天才开始探索一些 jQuery。另外我不知道如何将背景位置重置为 0 0。

请问你能帮帮我吗?