奇怪的白线答案

【问题标题】：strange white line奇怪的白线
【发布时间】：2011-03-14 12:27:27
【问题描述】：

当我尝试以下脚本时：

我在背景中看到一条奇怪的白线，而不是全是灰色的。

为什么会这样？

【问题讨论】：

【解决方案1】：

这发生在所有浏览器中，而不仅仅是 IE8。有点误导的问题。

您需要将overflow: hidden 添加到#tabs 以清除浮动 - demo。

如果你想让白色消失，也可以添加background: none - demo。

【讨论】：

【解决方案2】：

这是您的#tabs div 的填充。将padding-top: 10px; 更改为margin-top: 10px;，它就消失了。

-编辑-

你是对的：这是因为所有边的填充仍然设置为 10 像素。设置#tabs的内边距和外边距如下：

padding:10px;
padding-top:0;
margin-top:20px;
padding-bottom:0px

白线会消失。

【讨论】：

【解决方案3】：

尝试将 #tabs 的填充更改为 0...

#tabs { border:none; padding:0px; padding-top:0px; padding-bottom:0px;  }

【讨论】：

【解决方案4】：

它来自jquery-ui.css 文件(line 62)。只需用

覆盖它

.ui-widget-content { background:transparent; }
.portlet-content { background-color:#fff; }

【讨论】：

这并不完全正确。请参阅jsfiddle.net/mYx5y/32，其中我只将那一行添加到 CSS 的末尾。
很抱歉抱怨了这么多，但这仍然不是最佳选择。它仅在背景颜色为一种纯色时有效，请参阅：jsfiddle.net/NA9Xx/4 - 而我的适用于任何背景：jsfiddle.net/mYx5y/36