【发布时间】：2014-04-08 08:26:34
【问题描述】：
我在我的网站中使用手风琴幻灯片，我注意到在 IE 和 Firefox 上，我在滑块顶部有一个 20 像素的奇怪间隙。
我已经背靠背地检查了 CSS 是否有一些填充到 UL 或 LI 甚至滑块本身，但找不到任何内容。它在 Chrome 上完美运行。
阅读许多建议调整行高的帖子，但它对我不起作用。
我该如何解决这个问题？
【问题讨论】：
【发布时间】：2014-04-08 08:26:34
【问题描述】：
试试这个>>>
#slider {
height: 0px; /*IMPORTANT*/
background: url('../images/romold.jpg') top right no-repeat;
background-color: #434749;
}
这 100% 有效，如果您有任何问题，请回复....
【讨论】：
-
谢谢，但这个解决方案不仅没有解决问题，而且还删除了我的背景图片。
-
@user3509934 不，我认为有一种被继承的样式导致了这个错误。你能给我一个链接到你正在消失的背景图片吗？谢谢
-
嗨，非常感谢，但我解决了这个问题。将滑块向下推的是顶部菜单 li 的高度。不知何故，Chrome 可以忽略这种冲突，但 IE 和 Firefox 不能。
如果您将以下代码添加到您的模板 css 文件中，它将消除差距：
#slider .row-fluid [class*="span"] {
min-height: 0px !important;
}
【讨论】：
-
@user3509934 - 抱歉，代码中出现了小错误。现在再试一次；）
-
我看到了 .相反，如果 # 并且已经尝试过，也没有工作:(
-
已解决。问题在于顶部菜单 li 的高度。