Chrome滚动条透明的问题

meteoric

发布于 2018-11-16 14:44:13

2.7K0

在做一个小应用的时候，给一个面板设置了透明度(opacity:.9)，在浏览页面的时候，发现滚动条居然透明了，如下图所示：

然后想是不是可以使用自定义来解决这个问题，找到这篇文章--《不用装扩展也可自定义Chrome滚动条的样式》

::-webkit-scrollbar-track-piece{
    background-color:#fff;
    -webkit-border-radius:0;
}
::-webkit-scrollbar{
    width:8px;
    height:8px;
}
::-webkit-scrollbar-thumb{
    height:50px;
    background-color:#999;
    -webkit-border-radius:4px;
    outline:2px solid #fff;
    outline-offset:-2px;
    border: 2px solid #fff;
}
::-webkit-scrollbar-thumb:hover{
    height:50px;
    background-color:#9f9f9f;
    -webkit-border-radius:4px;
}

现在的效果，如下图所示：

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2012-03-20 ，如有侵权请联系 cloudcommunity@tencent.com 删除

其他

Chrome滚动条透明的问题

Chrome滚动条透明的问题

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐