阅读:2413回复:5
CSS求教: 如何使自动隐藏的书签栏支持拖放添加书签
最近用了一个自动隐藏书签工具栏的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] |
|
1楼#
发布于:2010-11-17 22:27
可以的啊,挺好的。。。
|
|
2楼#
发布于:2010-11-17 22:27
拖放暂时用书签侧栏吧
|
|
3楼#
发布于:2010-11-17 22:27
动作快一点啊~~~~
|
|
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; } |
|
5楼#
发布于:2010-11-17 22:27
那个.... 从地址栏拖到书签栏没问题
但是从页面区域拖到书签栏就不行了, 书签栏始终不出现的. 修改间隔时间不错... |
|