spook
小狐狸
小狐狸
  • UID22294
  • 注册日期2007-12-15
  • 最后登录2011-09-30
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
阅读:2893回复:6

求助,stylish如何让状态栏水平居中显示

楼主#
更多 发布于:2011-03-15 09:50
用了一个关于add-bar的stylish代码,使状态栏可以只显示合适长度并且鼠标离开后自动隐藏,但这个状态栏的位置貌似只有从左边或右边计算距离,请问怎么修改一下直接让它水平居中?



代码如下

#browser-bottombox {
  position: fixed;
  bottom: 3px;
  height:auto;
  width:auto;
  padding-right: 5px;
  padding-left: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  -moz-box-shadow: 0 0 50px #2255ff;
  background: -moz-Dialog;
  -moz-transition: bottom .25s ease, opacity 0.25s ease !important;
  opacity: 0.01;
}

#browser-bottombox:hover {opacity: 1 !important}

#browser-bottombox {
  left:870PX;
  -moz-border-radius: 7px;

  background: -moz-linear-gradient(rgba(126,192,238,.6), rgba(125,158,192,.6) 50%, rgba(112,128,230,.6) 51%, rgba(112,128,230,.6)) !important;
}

#addon-bar > #status-bar > .statusbar-resizerpanel {
  position: relative;
  margin-right:5px;
}

#addonbar-closebutton {display: none !important;}
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-19
  • 发帖数2769
  • 经验580枚
  • 威望1点
  • 贡献值128点
  • 好评度102点
  • 社区居民
  • 最爱沙发
  • 忠实会员
1楼#
发布于:2011-03-15 09:50
把870px改成40%。
spook
小狐狸
小狐狸
  • UID22294
  • 注册日期2007-12-15
  • 最后登录2011-09-30
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
2楼#
发布于:2011-03-15 09:50
alanfly:把870px改成40%。回到原帖


果然效果不错,不过这个貌似还是从左边计算的,取值时得考虑add-bar的长度,能直接从中间定位吗?类似于center之类的
alanfly
千年狐狸
千年狐狸
  • UID31035
  • 注册日期2009-11-10
  • 最后登录2024-05-19
  • 发帖数2769
  • 经验580枚
  • 威望1点
  • 贡献值128点
  • 好评度102点
  • 社区居民
  • 最爱沙发
  • 忠实会员
3楼#
发布于:2011-03-15 09:50
据我所知只能用left、right、top、bottom定位。
spook
小狐狸
小狐狸
  • UID22294
  • 注册日期2007-12-15
  • 最后登录2011-09-30
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
4楼#
发布于:2011-03-15 09:50
原来如此,谢谢
lonely_8
非常火狐
非常火狐
  • UID30273
  • 注册日期2009-09-03
  • 最后登录2022-08-09
  • 发帖数733
  • 经验469枚
  • 威望0点
  • 贡献值86点
  • 好评度147点
  • 社区居民
  • 忠实会员
5楼#
发布于:2011-03-15 09:50
把870px改成50%
再加一句 margin-left: -x px;

x为 add-bar的长度除2

x前面有个 "-" 号
spook
小狐狸
小狐狸
  • UID22294
  • 注册日期2007-12-15
  • 最后登录2011-09-30
  • 发帖数21
  • 经验10枚
  • 威望0点
  • 贡献值0点
  • 好评度0点
6楼#
发布于:2011-03-15 09:50
lonely_8:把870px改成50%
再加一句 margin-left: -x px;

x为 add-bar的长度除2

x前面有个 "-" 号
回到原帖



你的构思很巧,可是add-bar的长度值从哪里来啊,而且如果增减图标,或者有链接地址在状态栏显示的时候,add-bar的长度是会变的
游客

返回顶部