youth9999
小狐狸
小狐狸
  • UID6148
  • 注册日期2005-05-19
  • 最后登录2019-05-01
  • 发帖数22
  • 经验30枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
  • 社区居民
阅读:1773回复:2

[求助]自动隐藏工具栏和左下角显示URL的CSS为啥冲突了

楼主#
更多 发布于:2011-01-11 16:00
自动隐藏工具栏和左下角显示URL的CSS冲突了,启用自动隐藏工具栏后就不能在左下角显示URL信息了,下面是俺的两个Stylish中的CSS,各位大大帮俺看看是怎么回事~~

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

#main-window:not([inFullscreen="true"]) #navigator-toolbox:not([customizing="true"]) > #nav-bar {
-moz-transition: max-height .4s ease-in-out 1s !important;/* 消えるときのアニメーション */
-moz-box-ordinal-group: 1000 !important;
padding: 4px 4px 6px 4px !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 > #nav-bar {
-moz-transition: max-height .2s ease-in-out !important;/* 表示されるときのアニメーション */
max-height: 36px !important;
border-bottom: 1px solid ThreeDShadow !Important;
/*background: transparent !important;*/
}


/*在左下角悬浮显示鼠标所在链接内容*/
#status-bar {
  min-height: 18px !important;
  margin: 0px !important;
  border: none !important;
  background-color: transparent !important;
}

.urlbar-textbox-container-children {
  opacity: 1 !important;
  -moz-transition: none !important;
}

.urlbar-textbox-container-children[overlinkstate]{
  opacity: 1 !important; }

#urlbar {
    position: relative !important;
}

.urlbar-over-link-box:not([overlinkstate]) {
    position: fixed !important;
    left: -1000px !important;
   /* -moz-transition: left .5s .2s ease-in;*/
}

.urlbar-over-link-box[overlinkstate="fade-out"] {
  visibility: collapse !important; }

.urlbar-over-link-box {
    position: fixed !important;
    bottom: 0px;
    left: 0px;
    opacity: 0.85 !important;
    max-width: -moz-max-content !important;
    width: -moz-max-content;
    height: 21px !important;  
    padding: 2px 5px 2px 5px !important;
    border-radius: 0 4px 0 0;
    border-top: 1px solid rgba(0,0,0,.25) !important;
    border-right: 1px solid rgba(0,0,0,.25) !important;
    background-color: #DFDFDF !important;  
    background-image: none !important;
   /* -moz-transition: left .5s .2s ease-out;*/
}

/*悬浮链接地址主机部分字体设置*/
.urlbar-over-link-host-label {
   font-size: 12px !important;
   color: #000000 !important;
/*   font-family: consolas !important;*/
}

/*悬浮链接地址路径部分的字体设置*/
.urlbar-over-link-path-label {
   font-size: 12px !important;
   color: #333333 !important;
/*   font-family: consolas !important;*/
}
free49498445
狐狸大王
狐狸大王
  • UID33385
  • 注册日期2010-07-11
  • 最后登录2013-04-24
  • 发帖数384
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
1楼#
发布于:2011-01-11 16:00
正想要个显示链接到左下角的,拿了~
free49498445
狐狸大王
狐狸大王
  • UID33385
  • 注册日期2010-07-11
  • 最后登录2013-04-24
  • 发帖数384
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2011-01-11 16:00
描述有点语法问题

改成
/*在左下角显示鼠标悬浮链接地址*/
游客

返回顶部