非常棒啊！目前找到的效果最好的隐藏状态栏了！非常感谢

cool

ndd200：谢谢楼上，完美了~

自动隐藏导致我老是想移鼠标过去。回到原帖

能否把书签栏也弄成这样，

有个扩展是把整个页面移来移去的，不舒服

b8效果很好

alanfly：
用这个：

#addon-bar {
  position: fixed;
  bottom: 0px;
  right: 1px;
  border: 0 !important;
  -moz-appearance: none !important;
}

#browser-bottombox {
  position: fixed;
  bottom: -1px;
  left: -1px; 
}

#main-window[sizemode="maximized"] #addon-bar {
  right: 0;
}

#addon-bar > #status-bar {
  margin: 0 !important;
  padding: 0 2px 0 2px;
  border-radius: 4px 0 0 0;
  border: 0 !important;
  border-left: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

回到原帖

用上了，赞！

发现了一个更好的,可以完美的兼容工具栏图标!


#addon-bar {
  /* Style */
  -moz-appearance: none !important;
  padding: 0 4px 2px 2px;
  border: 0 !important;
  border-top: 20px solid transparent !important;
  border-left: 20px solid transparent !important;
  border-radius: 24px 0 0 0;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  background-clip: padding-box;
  box-shadow: 0 0 0 1px rgba(0,0,0,.25) inset, 0 0 0 2px rgba(255,255,255,.5) inset;
  
  /* Animation (hiding) */
  position: fixed;
  bottom: -24px;
  right: 30px;
  opacity: 0;
  -moz-transition: bottom 0.1s 0.2s ease-in, opacity 0.05s 0.1s ease-in, right 0.01s 0.25s;
}

/* Animation (showing) */
#addon-bar:hover {
  bottom: -2px;
  right: -2px;
  opacity: 1;
  -moz-transition: bottom .25s .25s ease-out, opacity 0.1s 0.25s ease-out;
}

/***************/
/* Bar Content */
/***************/

/* "Status bar" for addons statuses */
#addon-bar > #status-bar {
  margin: 0 1px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}

/* Buttons */
#addon-bar .chromeclass-toolbar-additional {
  vertical-align: top;
}
#addon-bar .toolbarbutton-1 {
  -moz-appearance: none !important;
  padding: 1px 2px !important;
  height: 20px;
  min-width: 18px;
  margin: 1px !important;
}
#addon-bar .toolbarbutton-1 > .toolbarbutton-menubutton-button {
  padding: 0 1px !important;
}
#addon-bar .toolbarbutton-1 > .toolbarbutton-menubutton-dropmarker {
  padding: 0 2px !important;
}

#addon-bar .toolbarbutton-1:not(:hover),
#addon-bar .toolbarbutton-1[disabled],
#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-dropmarker,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-dropmarker {
  background: transparent !important;
  box-shadow: none !important;
  border-width: 0 !important;
}
#addon-bar .toolbarbutton-1:not(:hover) > .toolbarbutton-menubutton-button,
#addon-bar .toolbarbutton-1[disabled] > .toolbarbutton-menubutton-button {
  border-right: 1px solid transparent !important;
}
#addon-bar .toolbarbutton-1:hover:not([disabled]) {
  padding: 0 1px !important;
}

mark

发现了一个更好的,可以完美的兼容工具栏图标!

这个鼠标滑过时状态栏显示有点迟钝，有时只能显示一半（如下图），但有时又是正常的~~俺比较菜，大侠给俺解释一下这是为啥呢？

这个太占CPU，还是习惯放到导航工具栏里，并自动隐藏

这个不错，美观

idragonet：

我的是Firefox 4最新每小时版本在WIN XP下。

我用的完整脚本代码：

/*脚本better addon-bar, 只显示扩展栏中的状态栏,并且自动隐藏*/
#addon-bar {
  position: fixed;
  bottom: -22px;
  right: 1px;
  border: 0 !important;
  -moz-appearance: none !important;
-moz-transition: bottom .1s .2s ease-in;  /*状态栏消失的速度*/
  padding-top: 22px !important;
}


#addon-bar:hover {
 bottom: 0;
 -moz-transition: bottom .5s .4s ease-out;  /*状态栏显示的速度*/
}

#main-window[sizemode="maximized"] #addon-bar {
  right: 0;
}

#addon-bar > #status-bar {
  margin: 0 !important;
  padding: 0 2px 0 2px;
  border-radius: 4px 0 0 0;
  border: 0 !important;
  border-left: 1px solid rgba(0,0,0,.25) !important;
  border-top: 1px solid rgba(0,0,0,.25) !important;
  background-color: rgb(207, 219, 236) !important;
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
  box-shadow: 0 0 0 1px rgba(255,255,255,.5) inset;
}

回到原帖

请问要增加触发区域的范围，要修改哪儿。

b8下工具栏前面多了个关闭按钮，有办法去掉吗？

Real_Fiona：

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

@-moz-document url(chrome://browser/content/browser.xul){
/*脚本better addon-bar, 只显示扩展栏中的状态栏,并且自动隐藏*/
#addon-bar {
    position: fixed;
    bottom: -22px;
    right: 1px;
    border: 0 !important;
    padding-top: 10px !important;
    -moz-appearance: none !important;
    -moz-transition: bottom .5s 1s ease-in;
    z-index: 1000 !important;
}

#addon-bar > #status-bar {
    margin: 0 !important;
    padding: 0 2px 0 2px;
    border-radius: 4px 0 0 0;
    border-left: 1px solid rgba(0,0,0,.25) !important;
    border-top: 1px solid rgba(0,0,0,.25) !important;
    background-color: rgb(207, 219, 236) !important;
    background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgb(207,220,236)) !important;
}

#browser-bottombox {
    position: fixed;
    bottom: 0px;
    left: 0px;
}

#FindToolbar {
    border-right: 1px solid rgba(0,0,0,.25) !important;
}

#addon-bar:hover {
    bottom: 0;
    -moz-transition: bottom .5s .4s ease-out;
}

#main-window[sizemode="maximized"] #addon-bar {
    right: 0;
}
}

回到原帖

这个帅

挖一下  找这个找了一下午

找到个更好用的
http://userstyles.org/styles/43235/fire ... n-a-corner