arch7819
火狐狸
火狐狸
  • UID30890
  • 注册日期2009-10-29
  • 最后登录2011-02-19
  • 发帖数153
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:2237回复:5

CSS求教: 如何使自动隐藏的书签栏支持拖放添加书签

楼主#
更多 发布于:2010-11-17 22:27
最近用了一个自动隐藏书签工具栏的css, 效果很赞. 如下:

#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
  margin-top: -26px !important;/* 適宜調整 */
}

#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
  -moz-transition: max-height 0s ease-in-out .8s !important;/* 消えるときのアニメーション */
  -moz-box-ordinal-group: 1000 !important;
  padding: 0 3px !important;
  position: relative !important;
  z-index: 100 !important;
  overflow-y: hidden !important;
  max-height: 0px !important;
  min-height: 0px !important;
}

/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #nav-bar:not([customizing="true"]):hover ~ #PersonalToolbar,#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"])>#PersonalToolbar:hover {
  -moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
  max-height: 30px !important;
}



but ....

我发现无法拖放添加书签了, 当鼠标处于拖放状态时, :hover 规则并不生效. 导致导航栏下的书签栏显示不出来, 这比较要命..... 如何用 CSS 解决?[/code]
Oct
Oct
小狐狸
小狐狸
  • UID34530
  • 注册日期2010-11-12
  • 最后登录2013-01-02
  • 发帖数17
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2010-11-17 22:27
可以的啊,挺好的。。。
just4fun
千年狐狸
千年狐狸
  • UID30408
  • 注册日期2009-09-17
  • 最后登录2016-04-28
  • 发帖数1497
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度2点
2楼#
发布于:2010-11-17 22:27
拖放暂时用书签侧栏吧
qulinshan
火狐狸
火狐狸
  • UID11499
  • 注册日期2006-02-12
  • 最后登录2012-11-29
  • 发帖数167
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
3楼#
发布于:2010-11-17 22:27
动作快一点啊~~~~
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2023-10-31
  • 发帖数2765
  • 经验576枚
  • 威望1点
  • 贡献值128点
  • 好评度98点
  • 社区居民
  • 最爱沙发
  • 忠实会员
4楼#
发布于:2010-11-17 22:27
把间隔时间改长点就可以了。
#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) ~ #browser {
  margin-top: -26px !important;/* 適宜調整 */
}

#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
  -moz-transition: max-height .4s ease-in-out 1.5s !important;/* 消えるときのアニメーション */
  -moz-box-ordinal-group: 1000 !important;
  padding: 0 3px !important;
  position: relative !important;
  z-index: 100 !important;
  overflow-y: hidden !important;
  max-height: 0px !important;
  min-height: 0px !important;
}

/*
#main-window[stylish-url="about:blank"] #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar,*/
#main-window:not([inFullscreen="true"]) #nav-bar:not([customizing="true"]):hover ~ #PersonalToolbar,#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"])>#PersonalToolbar:hover {
  -moz-transition: max-height 0s ease-in-out !important;/* 表示されるときのアニメーション */
  max-height: 30px !important;
}
arch7819
火狐狸
火狐狸
  • UID30890
  • 注册日期2009-10-29
  • 最后登录2011-02-19
  • 发帖数153
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
5楼#
发布于:2010-11-17 22:27
那个.... 从地址栏拖到书签栏没问题

但是从页面区域拖到书签栏就不行了, 书签栏始终不出现的.

修改间隔时间不错...
游客

返回顶部