Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS/jQuery间距问题_Css - Fatal编程技术网
Fatal编程技术网
  • css/
  • CSS/jQuery间距问题

CSS/jQuery间距问题

css

CSS/jQuery间距问题,css,Css,我正在开发一个网站，在我的一生中，我无法摆脱下面列出的页面上jQuery滑块下方的空白。左侧和右侧的“灰色边框”根据定义的高度向下延伸。但是分隔页面的双黑线分隔符上面有空白。我什么都试过了，运气都不好 您是否尝试过以下方法： #main-slider { background: url("images/main-bg.png") repeat-x scroll 0 0 transparent; height: 360px; <!-- also edited --> padding-t

我正在开发一个网站，在我的一生中，我无法摆脱下面列出的页面上jQuery滑块下方的空白。左侧和右侧的“灰色边框”根据定义的高度向下延伸。但是分隔页面的双黑线分隔符上面有空白。我什么都试过了，运气都不好

您是否尝试过以下方法：

#main-slider {
background: url("images/main-bg.png") repeat-x scroll 0 0 transparent;
height: 360px; <!-- also edited -->
padding-top: 6px; <!-- set to 6px -->
}

#主滑块{
背景：url（“images/main bg.png”）重复-x滚动0透明；
高度：360px；
填充顶部：6px；
}
使空白消失。这就是您的意思吗？

看起来您将容器元素“main slider”的高度设置为特定值，但内容并没有完全填满它。

发现了问题

对于您的
主滑块
，您使用的是具有两行（顶部和底部）的可重复图像。此块的高度在css-363px中是固定的，这比您的
滑块的
-309px高得多




所以，要解决这个问题，你需要使用更小的线条背景，减少主滑块的高度，或者增加滑块的高度以适应容器。
在Safari中，我没有在该页面上看到任何看起来像“双黑线分隔器”的内容。谢谢大家在这方面的帮助。我会继续努力的。在同一页面上，当用户使用红色箭头按钮时，我还试图将jquery幻灯片设置为滚动4张照片。现在它们以1张幻灯片的速度滚动。对于这个jquery的东西还是新的。。。