奇怪的白线

时间:2011-03-14 12:27:27

标签: jquery css jquery-ui jquery-ui-tabs jquery-ui-sortable

当我尝试以下脚本时:

http://jsfiddle.net/mYx5y/23/

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

为什么会这样?

4 个答案:

答案 0 :(得分:2)

这种情况发生在所有浏览器中,而不仅仅是IE8。有点误导性的问题。

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

如果您希望白色消失,还可以添加background: none - demo

答案 1 :(得分:1)

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

-edit -

你是对的:那是因为所有方面的填充仍然设置为10px。设置#tabs的填充和边距如下:

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

白线将消失。

答案 2 :(得分:0)

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

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

演示:http://jsfiddle.net/Marcel/NA9Xx/2/

答案 3 :(得分:0)

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

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