我遇到了一个奇怪的故障,我看到边栏中的文本重叠。附图overlapping text image link
我不确定这是怎么发生的,我一直在努力弄清楚。当我将鼠标悬停在元素上时,重叠不存在。这是我的侧边栏 html
<!-- Sidebar Menu -->
<div ng-controller="SidebarController">
<ul class="nav sidebar-menu" ng-repeat="comp in competition track by $index" id="rcs-menu-item">
<li ui-sref-active="active" >
<a href="javascript:void(0)" id="{{comp.competitionID}}" ng-click="getTeams(comp.competitionID, comp.Name, comp.calenderID, comp.customName)">
<i class="menu-icon fa fa-soccer-ball-o"></i>
<span class="menu-text">{{comp.Name}}</span>
</a>
</li>
</ul>
</div>
<!-- /Sidebar Menu -->
如有任何建议,我们将不胜感激。
最佳答案
这似乎是第一个条目的文本,它被分成第二行(“南美洲”)。
我们需要 CSS 来找出问题所在 - 可能是单个条目/li
标签的固定高度
关于jquery - 文本在我的侧边栏中重叠,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39778355/