javascript - jquery slider 的 css 边距问题

标签 javascript jquery html css

我在轮播中嵌入的背景图片有问题。 click here我注意到当我从一张幻灯片点击到另一张幻灯片时,我网站上的背景图片移动了位置。我的旋转木马的 margin-top 当前设置为 margin-top:-275px; 并且背景图像设置为 margin-top:-64px; 我有点担心关于这些设置。

有没有人能解决这个问题?

为了激活幻灯片,请单击导航栏下方的红色细标签

最佳答案

我想那是因为你有

.rslides li {
  top:0;
}

它对 position:relative 没有任何作用(当前幻灯片有它),但它在 position:absolute (隐藏幻灯片)下向下移动。

当您单击一个选项卡时,会有一个新选项卡淡入的时刻,但它还没有 position:relative。然后,在那一刻,新幻灯片不在您想要的位置。

所以删除那行。

关于javascript - jquery slider 的 css 边距问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12186322/

相关文章:

javascript - 使用Javascript原生Promise,在附加ableable之后解析Promise

javascript - 访问名称为字符串的对象

jQuery Nice Select 无法使用隐藏的溢出

javascript - 如何将 JQuery 的appendTo 方法与一长串元素(包含单引号/双引号的组合)一起使用

html - 显示 : inline | inline-block and float: left | right while using it have any special meaning?

javascript - AJAX jQuery .click 元素在加载时运行函数而不是单击

javascript - 如何在图像 fadeIn 和 fadeOut 上使用 stop() 正确防止事件堆叠?

javascript - 如何在 javascript 中添加 json 数组中的所有价格元素

javascript - 单击父元素时将类添加到 div

Javascript window.scrollTo 在不同浏览器上的行为