zoukankan      html  css  js  c++  java
  • 在sharepoint中使用CSS实现Top Link Bars鼠标移过时显示二级菜单

    在sharepoint的Top Link Bar,默认情况下会把二级菜单跟一级菜单显示在同一行上,如果下图所示:

    CR~@41$)0{_}_C%)H4WA8VA

    但是实际操作中,我们常常是希望二级菜单能够在鼠标放在一级菜单上时,悬浮显示在一级菜单下面,因此我在master page中加了如下css,实现鼠标放在一级菜单上时显示二级菜单的效果:

    <style>
            .menu-horizontal ul.root > li{position:relative;}
            .menu-horizontal ul.root > li > A.static{ float:none;}
            .menu-horizontal ul.root > li ul{ display:none;position:absolute; background-color:rgb(249,249,249);padding-right:20px;padding-top:10px; border-top:1px #e0e0e0 solid;border-bottom:3px #b8babd solid;border-left:1px #e0e0e0 solid;border-right:1px #e0e0e0 solid;}
            .menu-horizontal ul.root > li ul li{float:none;}
            .menu-horizontal ul.root > li ul li > A.static{float:none;}
            .menu-horizontal ul.root > li:hover ul{ display:list-item; }
        </style>

    最终显示结果:

    DWP2_UPFDTOC]6_7{O4X1ZR

  • 相关阅读:
    jQuery 字符串拼接
    jQuery 筛选器 链式编程操作
    jQuery 常用操作
    jQuery介绍 常用选择器
    枚举-增加BOOL类型
    枚举-判断一年中第 125 天是工作日, 还是休息日?假设一年 365 天, 新年第一天是星期一。
    判断大小端序
    信息存储,共用体的应用
    栈的自实现
    strlen,strcat,strcpy,strcpm 自实现
  • 原文地址:https://www.cnblogs.com/snailJuan/p/3455570.html
Copyright © 2011-2022 走看看