透明滚动条

Question

透明滚动条

5

如何使滚动条透明？仅限于 Webkit 浏览器。只需使用 CSS。以下是代码链接：http://codepen.io/anon/pen/DpKyn。

   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 格式。 - Mr. Alien

2个回答

0

如果你最终想要跨浏览器的话，请参考我上周的问题。

这是配套的JSBin链接。

- Deryck

谢谢。但这不是我需要的东西。 - Татьяна Ферулёва

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jignesh.Raj · Accepted Answer

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);

}