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

  • 相关阅读:
    实验 4:Open vSwitch 实验——Mininet 中使用 OVS 命令
    实验 3:Mininet 实验——测量路径的损耗率
    软工第一次作业
    实验2:Mininet实验——拓扑的命令脚本生成
    实验 1:Mininet 源码安装和可视化拓扑工具
    AU降噪处理
    软件测试,Homework3
    软件测试,Lab1
    软件测试,Homework2
    node.js,同时访问出错,Can't set headers after they are sent
  • 原文地址:https://www.cnblogs.com/snailJuan/p/3455570.html
Copyright © 2011-2022 走看看