【问题标题】:Transparent scrollbar透明滚动条
【发布时间】:2013-11-05 08:33:47
【问题描述】:

如何让滚动条透明? 只有 CSS。仅适用于 webkit 浏览器。 我的code 在这里。

   div{
  width:410px;
  height:100px;
  overflow-y:overlay;
  border:1px solid green;
  position:relative;
}

::-webkit-scrollbar{
  width:20px;
} 

::-webkit-scrollbar-thumb{
  background-color:rgba(0,0,0,1);
}  

【问题讨论】:

  • 考虑使用.png

标签: css webkit scrollbar


【解决方案1】:
div
{
  width:410px;
  height:100px;
  overflow-y:overlay;
  border:1px solid green;
  position:relative;
}

::-webkit-scrollbar{
  width:20px;
} 

::-webkit-scrollbar-thumb{
   background-color: rgba(255,255,255,1);

}  

【讨论】:

  • 我需要不可见的透明滚动条!=)
  • rgba(255,255,255,255) 不是有效代码。应该是rgba(255,255,255,1)
【解决方案2】:

如果你最终想要它跨浏览器,上周的see my question

Here's the JSBin 一起去。

【讨论】:

  • 谢谢。但这不是我需要的东西
猜你喜欢
  • 2014-06-05
  • 2018-11-23
  • 2022-01-23
  • 2016-09-14
  • 1970-01-01
  • 2020-06-07
  • 1970-01-01
  • 1970-01-01
  • 2012-04-29
相关资源
最近更新 更多