eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
阅读:1174回复:2

现在侧边栏能浮动不,

楼主#
更多 发布于:2020-10-02 16:08
RT,搞半天没效果,谢谢


#sidebar-box {
    -moz-appearance: none !important;
    position: fixed !important;
    top: 15% !important;
    /* 调节触发区高度 */
    left: 1% !important;
    /* 触发区域距离窗口左边框的距离 */
    height: 16px !important;
    width: 16px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 2px solid #FEB252 !important;
    /* 此处 8px 设置边框线宽度,选大点就是实心圆点,选小点可设空心圆圈 */
    border-radius: 8px !important;
    opacity: 1 !important;
    transition: 0.1s linear !important;
    /* 侧栏回缩动画时间 */
}
 
#sidebar-box:hover {
    top: 82px !important;
    /* 调节侧栏距离工具栏的距离 */
    left: 1px !important;
    width: 300px !important;
    /* 调节侧栏宽度 */
    border: 1px solid silver !important;
    border-radius: 0 0 0 0 !important;
    height: 89% !important;
    /* 设置侧栏整体高度,请根据自己实际情况设置该值 */
    opacity: 1 !important;
    transition: 0.1s linear !important;
    /* 侧栏展开动画时间 */
}
#sidebar {
    height: 95% !important;
    /* 设置侧栏高度,请根据自己实际情况设置该值 */
    width: 100% !important;
    border-bottom-right-radius: 5px !important;
}
#sidebar-box > #sidebar-header {
    width: 100% !important;
    font-weight: bold !important;
    visibility: collapse !important;
}
#sidebar-box:hover > #sidebar-header {
    visibility: visible !important;
}
#sidebar-splitter {
    display: none !important;
}
eagle5678
千年狐狸
千年狐狸
  • UID4956
  • 注册日期2005-04-10
  • 最后登录2023-04-02
  • 发帖数1247
  • 经验204枚
  • 威望0点
  • 贡献值120点
  • 好评度3点
1楼#
发布于:2020-10-02 19:37
要加上

    display: block;
    z-index: 1;
LeoShone
小狐狸
小狐狸
  • UID7490
  • 注册日期2005-07-21
  • 最后登录2020-12-13
  • 发帖数61
  • 经验50枚
  • 威望0点
  • 贡献值26点
  • 好评度1点
2楼#
发布于:2020-12-09 14:31
eagle5678:要加上

    display: block;
    z-index: 1;
回到原帖
多谢!
游客

返回顶部