Question

我正在设计此网站http://www.parisgaa.org/parisgaels并遇到问题。

主页上的图像滑块有时会混乱。大部分时间它的工作和看起来很好，但有时候它的位置似乎搞砸了，它出现在应该低于它的内容下面（即该内容与图像重叠）。你应该能够在Chrome中复制它 - 只需刷新几次。

我会感激任何帮助。

Answer 1

尝试相对设置图像滑块位置：

style = "position:relative;"

Answer 2

您必须在滑块文件中编辑一行

js/slider.js



.wrap('<div class="bx-window" style="width:'+childrenMaxWidth+'px; height:'+wrapperHeight+'px; position:relative; overflow:hidden;"></div>')
            .css({
              height: '999999px',
              position: 'relative',
                top: '-'+(origTop)+'px'
            });

在他的内部，你需要定义一个适用于你的图像的高度，如

.wrap('<div class="bx-window" style="width:'+childrenMaxWidth+'px; height:400px; position:relative; overflow:hidden;"></div>')
            .css({
              height: '999999px',
              position: 'relative',
                top: '-'+(origTop)+'px'
            });

问题不是您的实现而是您正在使用的脚本。您可以尝试使用不同的脚本，但希望这种调整能为您解决问题！

Answer 3

看起来它可能是你用于图像滑块的任何jQuery插件的问题。 .bx-window元素的高度由于某种原因没有被正确评估（对我而言，它是20-30px而不是420px的球场）。我会尝试一个不同的滑块（那里有大量的jQuery图像滑块，只是谷歌它），但如果这不是一个选项，在它们的代码中自己修复它可能是相当微不足道的。祝你好运！

HTML / Javascript - 不一致的定位

3 个答案: