我不知道为什么,当我将方向:“rtl”添加到主体标签并将浮动:“右”添加到我的主菜单容器时,子菜单项变得不可见,并且在悬停事件时子菜单容器出现,但是每当鼠标移动时,它们就会再次变得不可见!我检查了主菜单容器是否有浮动:左,它工作正常。
<li class=" menu" id="menu1" style="cursor: pointer;">
<span class="menuText">Personal</span>
<script>menuCount++;</script>
<ul style="left: 762px; top: 165px; display: none;" class="subMenuContainer">
<li linkurl="/URL?fromMenu=true" class="subMenu" id="submenu" style="cursor: pointer; width: 210px;">
<span class="subMenuText">Profile</span>
</li>
</ul>
</li>
此行样式="left: 762px; top: 165px;" 当 float:right 添加到菜单容器时添加到页面,这是 css 类:
.menuHolder {
border: 0px;
padding: 0px;
vertical-align: top;
width: 210px !important;
float: right;
margin-top: 10px;
}