JQuery UI 选项卡未正确显示 - Internet Explorer
我正在尝试开始使用 Jquery UI 选项卡，但在他们网站上的演示中遇到了问题。它在网站本身上对我来说运行良好，但是当我下载源代码和所有其他文件以在我的计算机上运行它时，它最初会正确呈现，如下所示： 
但是当我单击任何其他选项卡时，它们会呈现如下所示： 
单击最左边的选项卡总是使事情看起来正确，但单击其他选项卡会导致我圈出的行不正确被渲染。它在 Firefox 和 Chrome 中对我来说工作得很好。 以前有其他人见过这样的事情吗？
如果您能提供一些建议，我将不胜感激。
谢谢，
-标记
I'm trying to get started with Jquery UI tabs and I'm running into an issue with the demo they have on their site. It runs fine for me on the site itself, but when I download the source and all the other files to run it on my machine, it initially renders correctly like this:
but when i click on any of the other tabs, they render like this:
Clicking the leftmost tab always makes things look correct, but clicking the other tabs cause the lines I have circled not to be rendered. It works fine for me in Firefox and Chrome.
Has anyone else seen something like this before?
I'd be really grateful for some advice.
Thanks,
-Mark
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我发现了这个问题。它在 JQueryUI CSS 中。它定义 .ui-tabs .ui-tabs-nav li 元素如下：
当它应该是时
，即
margin的 1px 应该是 -1pxI found the issue. Its in the JQueryUI CSS. Its defining the .ui-tabs .ui-tabs-nav li elements like this:
when it should be
i.e. 1px should be -1px for the
margin