royallin
非常火狐
非常火狐
  • UID29014
  • 注册日期2009-05-31
  • 最后登录2016-12-07
  • 发帖数668
  • 经验46枚
  • 威望0点
  • 贡献值32点
  • 好评度0点
  • 社区居民
阅读:2476回复:5

请问滚动条可设置透明度吗?

楼主#
更多 发布于:2010-11-23 22:48
请问滚动条可设置透明度吗?
Egg.
火狐狸
火狐狸
  • UID34361
  • 注册日期2010-10-28
  • 最后登录2014-07-26
  • 发帖数212
  • 经验16枚
  • 威望0点
  • 贡献值8点
  • 好评度0点
  • 社区居民
1楼#
发布于:2010-11-23 22:48
复制下面的样式                                                      @namespace url(http://www.mozilla.org/keymaster/gateke ... s.only.xul);

scrollbar {visibility:collapse !important; }
royallin
非常火狐
非常火狐
  • UID29014
  • 注册日期2009-05-31
  • 最后登录2016-12-07
  • 发帖数668
  • 经验46枚
  • 威望0点
  • 贡献值32点
  • 好评度0点
  • 社区居民
2楼#
发布于:2010-11-23 22:48
Egg.:复制下面的样式                                                      @namespace url(http://www.mozilla.org/keymaster/gateke ... s.only.xul);

scrollbar {visibility:collapse !important; }
回到原帖

谢谢。不过这个是隐藏咯。不是透明了,我想弄成90%透明
Egg.
火狐狸
火狐狸
  • UID34361
  • 注册日期2010-10-28
  • 最后登录2014-07-26
  • 发帖数212
  • 经验16枚
  • 威望0点
  • 贡献值8点
  • 好评度0点
  • 社区居民
3楼#
发布于:2010-11-23 22:48
透明的也有  /*
 scrollbars: slim & arrowless
 http://userstyles.org/styles/9862
 BEGIN
*/

@namespace url(http://www.mozilla.org/keymaster/gateke ... s.only.xul);

scrollbar ,
scrollbar thumb
{ -moz-appearance: none !important
}

scrollbar:not(:hover)
{ opacity: .4 !important
}

scrollbar[orient="vertical"]
{ min-width: 8px !important
}

scrollbar[orient="horizontal"]
{ min-height: 8px !important
}

scrollbar scrollbarbutton
{ visibility: collapse !important
}

/*
 Notes
  initial value of 'display : -moz-box'
  according the style 3577 'visibility : collapse' is said to be better than 'display : none'. dunno.
*/


/*
 END
 scrollbars: slim & arrowless
 http://userstyles.org/styles/9862
*/
royallin
非常火狐
非常火狐
  • UID29014
  • 注册日期2009-05-31
  • 最后登录2016-12-07
  • 发帖数668
  • 经验46枚
  • 威望0点
  • 贡献值32点
  • 好评度0点
  • 社区居民
4楼#
发布于:2010-11-23 22:48
Egg.:透明的也有  /*
 scrollbars: slim & arrowless
 http://userstyles.org/styles/9862
 BEGIN
*/

@namespace url(http://www.mozilla.org/keymaster/gateke ... s.only.xul);

scrollbar ,
scrollbar thumb
{ -moz-appearance: none !important
}

scrollbar:not(:hover)
{ opacity: .4 !important
}

scrollbar[orient="vertical"]
{ min-width: 8px !important
}

scrollbar[orient="horizontal"]
{ min-height: 8px !important
}

scrollbar scrollbarbutton
{ visibility: collapse !important
}

/*
 Notes
  initial value of 'display : -moz-box'
  according the style 3577 'visibility : collapse' is said to be better than 'display : none'. dunno.
*/


/*
 END
 scrollbars: slim & arrowless
 http://userstyles.org/styles/9862
*/
回到原帖


也不是,这个是变细的。

刚才找下了个不错的脚本
WEBPAGE Scrollbars ONLY - Autohide(No Empty Space) | userstyles.org - http://userstyles.org/styles/18874
去掉了里面的竖滚动条的效果,只有使用了横的效果,不错,横滚动条自动隐藏了,当鼠标点到边缘的时候弹出横滚动条。达到我要的效果了。你可以试下。

PS:问一下,为什么某些userstyles.org上的CSS脚本一定要装stylish扩展才可以用呢,复制到userchrome.css或usercontent.css里会无效呢。
Egg.
火狐狸
火狐狸
  • UID34361
  • 注册日期2010-10-28
  • 最后登录2014-07-26
  • 发帖数212
  • 经验16枚
  • 威望0点
  • 贡献值8点
  • 好评度0点
  • 社区居民
5楼#
发布于:2010-11-23 22:48
可能是我找错了把 样式实在太多了 没仔细看
游客

返回顶部