Question

在Internet Explorer中，嵌套选项卡显示黑点。通过检查元素，如果我在css中做了任何更改，点将消失。如果我再次刷新它就会到来。我不知道如何解决。Demo is here.以下是我用于创建嵌套标签的代码段。提前谢谢..

 <div id="tabs">
<ul>
    <li><a href="#tabs-1">Total Pool Point </a></li>
    <li><a href="#tabs-2" id="t">Vessel Details</a></li>
    <li><a href="#tabs-3" id="t">Standard Voyages</a></li>
    <li><a href="#tabs-4" id="t">Voyage calculation</a></li>
    <li><a href="#tabs-5" id="t">Cargo Lifts</a></li>
    <li><a href="#tabs-6" id="t">Performance</a></li>
    <li><a href="#tabs-7" id="t">Pool Rules</a></li> 
    <li><a href="#tabs-8" id="t">Additional Pool Point</a></li> 
</ul>
<div id="tabs-1">
          <div id="totalpp_tab_main" ></div> 
        </div>
        <div id="tabs-2">
           <div id="vessel_tab_main" ></div> 
        </div>
        <div id="tabs-3">
        </div>
        <div id="tabs-4">
             <ul>
                <li><a href="#41" id="1">Standard Voyage #1</a></li>
                <li><a href="#42" id="2">Standard Voyage #2</a></li>
                <li><a href="#43" id="3">Standard Voyage #3</a></li>
                <li><a href="#44" id="4">Standard Voyage #4</a></li>
                <li><a href="#45" id="5">Standard Voyage #5</a></li>
                <li><a href="#46" id="6">Standard Voyage #6</a></li>
            </ul>
            </div>
        </div>
        <div id="tabs-5">
          <div id="cargolc_tab_main" ></div>
        </div>
        <div id="tabs-6">
         <div id="performance_tab_main" ></div>
        </div>
            <div id="tabs-7">
         <div id="poolrules_tab_main" ></div>
         </div>
         <div id="tabs-8">
         <div id="additionalpp_tab_main" ></div>
        </div>  
</div>

Answer 1

不进入jquery标签，这里有一个快速修复： http://jsfiddle.net/0m2zdo20/2/

刚刚添加了一个css来移除这些点。

#tabs-4 > ul > li {
    list-style: none;
}

Answer 2

尝试添加到您的CSS：

ul { list-style: none; }

IE中的jQuery嵌套选项卡设计问题

2 个答案: