奇怪的白线

发布于 2024-10-22 03:23:06 字数 170 浏览 7 评论 0原文

当我尝试以下脚本时:

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

我得到一个背景中有奇怪的白线,而不是全部都是灰色的。

为什么会发生这种情况?

When I try the following script:

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

I get a strange white line in the background instead of it all being gray.

Why is this happening?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(4

长发绾君心 2024-10-29 03:23:06

所有浏览器都会出现这种情况,而不仅仅是 IE8。有点误导性的问题。

您需要将 overflow: hide 添加到 #tabs 来清除浮动 - 演示

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

This happens in all browsers, not just IE8. Slightly misleading question.

You need to add overflow: hidden to #tabs to clear the floats - demo.

If you want the white gone, also add background: none - demo.

樱桃奶球 2024-10-29 03:23:06

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

-编辑-

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

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

白线将会消失。

it's the padding of your #tabs div. Change the padding-top: 10px; to margin-top: 10px; and it's gone.

-edit-

You're right: That's because of the padding that's still set to 10px for all sides. Set the padding and margin of #tabs as follows:

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

The white line will disappear.

ぺ禁宫浮华殁 2024-10-29 03:23:06

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

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

Try changing the padding for #tabs to 0...

#tabs { border:none; padding:0px; padding-top:0px; padding-bottom:0px;  }
作业与我同在 2024-10-29 03:23:06

它来自 jquery-ui.css 文件(第 62 行)。只需使用演示覆盖它即可

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

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

It's coming from the jquery-ui.css file (line 62). Just override it with

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

Demo: http://jsfiddle.net/Marcel/NA9Xx/2/

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文