975779
小狐狸
小狐狸
  • UID34421
  • 注册日期2010-11-04
  • 最后登录2012-02-10
  • 发帖数10
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度1点
阅读:1443回复:3

大家好,能够帮我看一下这个样式代码哪里出错了么

楼主#
更多 发布于:2010-11-17 00:58
这个是一个自动隐藏书签栏的样式  但是使用的时候  出现一个很奇怪的透明  导致书签栏和标签栏的重映,

我希望的效果是,书签栏出现的时候不适透明背景的的,但是我不知道改怎么调整   请指教

@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
@-moz-document url(chrome://browser/content/browser.xul) {

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

#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #PersonalToolbar {
  -moz-transition: max-height 1s 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: 1px !important;
  min-height: 1px !important;
}


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

}
975779
小狐狸
小狐狸
  • UID34421
  • 注册日期2010-11-04
  • 最后登录2012-02-10
  • 发帖数10
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度1点
1楼#
发布于:2010-11-17 00:58
补充图片
jiahuiqu
火狐狸
火狐狸
  • UID32722
  • 注册日期2010-05-03
  • 最后登录2012-10-09
  • 发帖数218
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2010-11-17 00:58
加入以下代码(1是完全不透明:


#navigator-toolbox[tabsontop=true] #nav-bar {
  border-radius: 1.5px 1.5px 0 0 !important;
 opacity: 0.9!important;
}
no001529
火狐狸
火狐狸
  • UID30669
  • 注册日期2009-10-12
  • 最后登录2016-11-11
  • 发帖数156
  • 经验12枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
3楼#
发布于:2010-11-17 00:58
似乎浮动隐藏只能用在Fx4上吧。
游客

返回顶部