阅读:1456回复:1
求测试脚本是否在3.6.12下失效
浮动的自动隐藏侧边栏CSS脚本
就是新建网页或者关闭网页或者切换网页后,这个脚本会失效,侧边栏跑去里面的层去,被当前网页层挡住,只看到非页面部分一点点。必须要重新关闭侧边栏或者重启FF后才能使用。在FF4B7里却没有这个问题,在3.6.12里出现问题(新建一个新的配置也是这样。。)重新下载一个FF还是这样。 两个脚本都出现一样的问题,求指点一二。 这是alanfly的 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #sidebar-splitter{display:none !Important;} #sidebar-box{position:fixed !important; top:85px; bottom:0px; /*下面三个百分比是对应的,最后一个padding-right后面的值越小,感应区域也越小,可以自己调整*/ width:20.01% !important; left: -20% !important; -moz-transition: left .2s .4s ease-in !important; padding-right:0.01% !Important;} sidebarheader[id^="sidebarheader"],#sidebar-header{width:100%; -moz-appearance:toolbox !Important; min-width:0px !important; max-width:100% !important;} sidebarheader[id^="sidebarheader"] label,#sidebar-header label {text-shadow:none !important; color:rgb(0,0,0) !important; } #sidebar-box>browser {min-width:0px !important; max-width:100% !important;} #sidebar-box:hover { left:0px !important; -moz-transition: left .2s .1s ease-out !important;} #sidebar-box>browser[collapsed="true"] {height:0px !important; } #sidebar-box>browser {height:95% !important; width:100%!important;border-right:2px inset -moz-use-text-color !important; border-bottom:2px inset -moz-use-text-color !important; } 这是我修改成右边显示的 @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #sidebar-splitter{display:none !Important;} /*top是浮动框距离浏览器上面的距离,数值越小越贴近上面*/ #sidebar-box{position:fixed !important; top:0px; bottom:0px; /*下面三个百分比是对应的,最后一个padding-right后面的值越小,感应区域也越小,可以自己调整,width:20.2%(这里越大侧边栏浮动框的宽度就越大,right(这里改成left就是左边触发): -20%(当然 显示了多少就要相应减去多少,相减剩下2%就是触发的可见区域)*/ width:20.2% !important; right: -20% !important; /*transition在3.6下无效,同样right是右边,left是左边,下面的雷同*/ -moz-transition: right .2s .4s ease-in !important; padding-right:0.01% !Important;} sidebarheader[id^="sidebarheader"],#sidebar-header{width:100%; -moz-appearance:toolbox !Important; min-width:0px !important; max-width:100% !important;} sidebarheader[id^="sidebarheader"] label,#sidebar-header label {text-shadow:none !important; color:rgb(0,0,0) !important; } #sidebar-box>browser {min-width:0px !important; max-width:100% !important;} #sidebar-box:hover { right:0px !important; -moz-transition: right .2s .1s ease-out !important;} #sidebar-box>browser[collapsed="true"] {height:0px !important; } /*border-right侧边栏在右侧显示,改成left就是左右,border-bottom浮动框距离底部的距离,数值越小越贴近底部*/ #sidebar-box>browser {height:95% !important; width:100%!important;border-right:0px inset -moz-use-text-color !important; border-bottom:0px inset -moz-use-text-color !important; }[code][/code] |
|
1楼#
发布于:2010-12-02 11:31
另附上另外一个浮动侧边栏脚本
说明:首先在无脚本状态下拉你要的侧边栏的宽度。保持打开状态,再使用脚本。 代码说明:margin: 2px(这里是上,距离上边界距离) -348px(这里是距离左边界距离 0px(这里是距离下边界距离) 0px(这里是距离右边界距离) 当有背景遮盖或者不弹出侧边栏的时候调整左,右,的值直到满意为止就可以了。 这个是左侧显示侧边栏的 /* 自动隐藏侧边栏 */ @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #sidebar-box:hover #sidebar{visibility: visible !important;min-width: 100px !important;max-width:900px !important;} #sidebar{visibility:collapse !important;} #sidebar-box{margin: 2px -348px 0px 0px !important; background:transparent !important;} #sidebar-splitter{display: none !important;} #sidebar-title{display: none !important;} #sidebar-box .tabs-closebutton{display: none !important;}这个是右侧显示侧边栏的 /* 自动隐藏侧边栏 */ @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul); #sidebar-box:hover #sidebar{visibility: visible !important;min-width: 0px !important;max-width:900px !important;} #sidebar{visibility:collapse !important;} #sidebar-box{margin: 2px 0px 0px -348px !important; background:transparent !important;} #sidebar-splitter{display: none !important;} #sidebar-title{display: none !important;} #sidebar-box .tabs-closebutton{display: none !important;} #browser {-moz-box-direction: reverse;} |
|