jQuery UI選項卡無法正確顯示-Internet Explorer

Question

我正在嘗試使用Jquery UI選項卡，但是他們在其網站上的演示卻遇到了問題。 對於我來說，它可以在網站上正常運行，但是當我下載源代碼和所有其他文件以在我的計算機上運行它時，它最初可以正確呈現，如下所示： 但是，當我單擊任何其他選項卡時，它們的呈現方式如下：

單擊最左邊的選項卡總是可以使事情看起來正確，但是單擊其他選項卡會使我圈出的線條無法渲染。 它在Firefox和Chrome中對我來說效果很好。 之前有沒有其他人看到過類似的東西？

我真的很感謝一些建議。

謝謝，
-標記

Answer 1

我發現了問題。 它在JQueryUI CSS中。 它定義.ui-tabs .ui-tabs-nav li元素，如下所示：

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }

什么時候應該

.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em -1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }

即1px的margin應為-1px