本站不兼容 8 以前的版本的 Interner Explorer 浏览器(或基于这些版本的 IE 的其他浏览器),并且页面样式不完全兼容 IE 8,我们建议你升级至 IE 9 或改用其他非 IE 浏览器

Mozest™

  • 正在加载用户菜单…

开放、分享、互助

转播到腾讯微博
返回列表 回复 发帖

[求助] 在FX4.0的滚动条透明脚本

原有的脚本貌似无效了
scrollbar
{
opacity: .5 !important;
}
简化界面,弃之;用这个脚本替之。http://g.mozest.com/viewthread.p ... with%2Bmouse%2Bplus
原有的脚本貌似无效了
scrollbar
{
opacity: .5 !important;
}
wenshanliren 发表于 2011-4-4 23:22
4.0测试有效。要刷新页面才生效的。
附件: 您所在的用户组无法下载或查看附件
4.0测试有效。要刷新页面才生效的。
23635
tyjk 发表于 2011-4-5 13:18
好神奇,scrollbar也可以透明的?

我用了怎么只是滚动条颜色变淡,没有透明效果呢?
我也没成功
好神奇,scrollbar也可以透明的?

我用了怎么只是滚动条颜色变淡,没有透明效果呢?
eesa 发表于 2011-4-5 16:49
是win7吗?
我的是win7Sp1,滚动条只是颜色变淡,没透明
7# stardream

啊咧~~难道是我人品太好??
同问,在4.0里只是颜色变淡,而不透明了。XP
我的也是,只变浅不透明
6# tyjk

ff4不行啊,乃人品真好
可以添加颜色么?如何添加呢 呵呵
本帖最后由 tyjk 于 2011-4-9 15:36 编辑

12# wlqdevil

参考这个自己改,不过效果都不怎么样,还不如直接用系统的。
  1. @-moz-document url-prefix(http://),url-prefix(https://) {

  2. /* 滚动条颜色 */
  3. scrollbar {
  4.    -moz-appearance: none !important;
  5.    background: rgb(0,255,0) !important;
  6. }

  7. /* 滚动条按钮颜色 */
  8. thumb,scrollbarbutton {
  9.    -moz-appearance: none !important;
  10.    background-color: rgb(0,0,255) !important;
  11. }

  12. /* 鼠标悬停时按钮颜色 */

  13. thumb:hover,scrollbarbutton:hover {
  14.    -moz-appearance: none !important;
  15.    background-color: rgb(255,0,0) !important;
  16. }

  17. /* 隐藏上下箭头 */
  18. scrollbarbutton {
  19.    display: none !important;
  20. }

  21. /* 纵向滚动条宽度 */
  22. scrollbar[orient="vertical"] {
  23.    min-width: 15px !important;
  24. }
  25. }
复制代码
PS:如果需要透明就把rgb改为rgba,然后在括号里补上不透明度,如rgba(123,123,123,.5)。建议不要与上面的透明脚本共用,会出现一些问题。

再PS:楼上的几位也许可以试试用这个方法来实现透明呢。。。不保证成功就是了。

还有PS:这个脚本忘了谁写的了,记得是在论坛里找到的。
附件: 您所在的用户组无法下载或查看附件
13# tyjk
呵呵 谢谢啦 确实还是感觉系统的好看点
本帖最后由 lfsatan 于 2011-4-9 14:12 编辑
原有的脚本貌似无效了
scrollbar
{
opacity: .5 !important;
}
wenshanliren 发表于 2011-4-4 23:22
我也有效。。
附件: 您所在的用户组无法下载或查看附件
我可以,win7,4.0
那可不可以让页面主体在有右侧/下侧滚动条时向右/下延伸10几像素,然后只有在拨动滚轮时才让滚动条显示出来,实现类似ios的效果?
这个样式怎么用?
18# vhviwf

Stylish或userChrome.css,具体请搜论坛。
3# tyjk

根据你和15L的效果图,难道是因为用了第三方主题才有效的?
20# yuyhb

测试默认主题也是有效的。
附件: 您所在的用户组无法下载或查看附件
我也贡献个代码吧,有透明效果
  1. @namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);

  2. scrollbar {
  3.   -moz-appearance: none !important;
  4.   border: none !important;
  5.   background: transparent !important;
  6. }

  7. scrollbar[orient="vertical"] { width: 9px !important; }

  8. scrollbar[orient="horizontal"] { height: 9px !important; }

  9. scrollbar thumb {
  10.   -moz-appearance: none !important;
  11.   border: none !important;
  12.   background: #7D7D7D !important;
  13.   
  14. }

  15. scrollbar thumb:hover { background-color: #999 !important; }

  16. scrollbar thumb:active { background-color: #666 !important; }

  17. scrollbar scrollbarbutton, scrollbar gripper { display: none !important; }
复制代码
Win7 sp1 22楼还是无效
Win7 sp1 22楼还是无效
keeds 发表于 2011-4-15 16:31
有刷新页面试试吗??
24# tyjk

重启、刷新、无效
我还是没有……
彩色滚动条的



@-moz-document url-prefix(http://),url-prefix(https://) {

/* 滚动条颜色 */

scrollbar {

   -moz-appearance: none !important;

   background: rgb(0,255,0) !important;

}



/* 滚动条按钮颜色 */

thumb,scrollbarbutton {

   -moz-appearance: none !important;

   background-color: rgb(0,0,255) !important;

}



/* 鼠标悬停时按钮颜色 */

thumb:hover,scrollbarbutton:hover {

   -moz-appearance: none !important;

   background-color: rgb(255,0,0) !important;

}



/* 隐藏上下箭头 */

scrollbarbutton {

   display: none !important;

}



/* 纵向滚动条宽度 */

scrollbar[orient="vertical"] {

   min-width: 15px !important;

}

}
本帖最后由 millionart 于 2011-4-22 14:45 编辑

加上这个试试
  1. #appcontent,
  2. #content > tabbox > tabpanels {
  3.   background-color: transparent !important;
  4. }
复制代码
加上这个试试
#appcontent,
#content > tabbox > tabpanels {
  background-color: transparent !important;
}
millionart 发表于 2011-4-22 14:39
vista,ff4测试有效,谢谢了
本帖最后由 wtydwywyd 于 2011-4-23 20:18 编辑
加上这个试试
#appcontent,
#content > tabbox > tabpanels {
  background-color: transparent !important;
}
millionart 发表于 2011-4-22 14:39
win7sp1 ff4.0  无效