【问题标题】:CSS Jquery help, Image shifts when the silder changesCSS Jquery 帮助,当 silder 改变时图像会移动
【发布时间】:2014-04-15 17:44:28
【问题描述】:

http://oliveid.com/

如果您访问此站点,您可以看到我在说什么。每当后伸背景图像消失时,徽标图像就会略微移动。无法弄清楚是什么原因造成的。我正在通过最新的 Firefox 浏览器查看它。如果我将固定位置应用于后伸 div,它可以解决该问题,但是它会固定在网站上,因此一旦向下滚动,您就无法看到其他内容。

这个问题叫什么?我无法彻底搜索类似的问题,因为我不知道什么关键字会提出这个问题。谢谢你的建议!

【问题讨论】:

  • 不仅仅是图片。如果您将手放在图像上覆盖它,您还会注意到背景的下半部分也在拉伸。
  • 另外,如果您要将“Backstretch” div 的动画减慢到大约每 30 秒 - 1 分钟更改一次,我可以尝试为您解决问题。
  • 我改变了时间。不知道你的意思是背景的下半部分正在拉伸。这些问题似乎没有发生在 safari 中,是 Firefox 的问题吗?有什么办法解决这个问题?
  • 我之前在 Firefox 中遇到过透明 PNG 和动画的问题。它实际上非常相似,我从未修复过它,不幸的是似乎无法找到解决您问题的方法。
  • 检查我的答案并告诉我。如果它有效,请随意接受它作为正确的。 :)

标签: jquery css jquery-backstretch


【解决方案1】:

我找到了解决 Firefox 问题的方法!我不确定为什么要修复它,甚至不知道如何修复它,但我知道它可以在 Firefox 中修复它。

在第 206 行的 bootstrap.css 中,将 line-height:20px; 更改为 line-height:100px;。我不确定这是否会影响您网站上的任何其他内容,因此您可能需要调整其他一些内容,但这似乎可以解决问题。 :)

【讨论】:

  • 谢谢你,我把它加到了身体上,它似乎有帮助,但它仍然有点抽搐。嗯。还有其他建议吗?
  • 在 Firefox 中,正如您所问的那样,它看起来非常好。我根本看不到徽标有任何动静。我没有在Firefox中解决您的问题吗?或者您在使用其他浏览器时遇到问题?此外,您可以尝试增加 line-height 更多,看看是否有帮助。
  • 我改变了行高,但是当背景褪色时,徽标看起来仍然增长了大约 1px,然后在褪色结束后恢复正常。
猜你喜欢
  • 2019-06-18
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2014-10-07
  • 2011-11-24
  • 2012-02-04
  • 1970-01-01
相关资源
最近更新 更多