在ul,li菜单上浮动右侧和悬停事件

时间:2012-10-17 11:23:24

标签: css css-float stylesheet right-to-left

我不知道为什么,当我添加方向:“rtl”到body标签和浮动:“右”到我的主菜单容器子菜单项不可见,并且在悬停事件子菜单容器出现但是每当鼠标移动它们再次变得不可见!我检查了主菜单容器是否有浮动:左,它工作正常。

<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;”浮点数时添加到页面:右键添加到菜单容器,这是css类:

.menuHolder {
   border:      0px;
   padding:     0px;
   vertical-align:  top;
   width:       210px !important;
   float:               right;
   margin-top:      10px;
 } 

1 个答案:

答案 0 :(得分:1)

我发现问题,我的页面中有一个javascript函数,检查菜单容器是否有正确的左浮动显示内容,否则不行,我只是评论此功能,现在它可以正常工作。