JQuery滑块的CSS边距问题

作者在网站的旋转木马功能中遇到背景图像位移的问题,特别是在切换幻灯片时。初步分析显示,问题可能源于CSS定位属性的不当使用。.rslidesli元素的top属性设置为0,这似乎在相对定位的当前幻灯片上工作正常,但对绝对定位的隐藏幻灯片造成了影响。建议移除.top:0;这一行代码,以确保在切换时背景图像正确显示。

我对嵌入到旋转木马中的背景图像有异议。点击这里我注意到,当我从一张幻灯片点击到另一张幻灯片时,我的网站上的背景图像会移动到其他地方。我的旋转木马的边缘顶部是当前设置为margin-top:-275px;,并将背景图像设置为margin-top:-64px;我对这些设置有点担心。

有人能解决这个问题吗?

为了激活幻灯片,请单击导航栏下的“薄红色”选项卡。

我想那是因为你

.rslides li {
top:0;
}
它对position:relative(当前幻灯片有它),但它向下移动幻灯片position:absolute(隐藏幻灯片)。

当您单击一个选项卡时,有一段时间新的选项卡正在消失,但它没有position:relative现在还没有。然后,在那一刻,新的幻灯片不是你想要的地方。

所以去掉那条线。

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值