Chrome滚动条透明的问题
在做一个小应用的时候，给一个面板设置了透明度(opacity:.9)，在浏览页面的时候，发现滚动条居然透明了，如下图所示：
image
然后想是不是可以使用自定义来解决这个问题，找到这篇文章--《不用装扩展也可自定义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;
}现在的效果，如下图所示：
image
本文参与 腾讯云自媒体分享计划，分享自作者个人站点/博客。
原始发表：2012-03-20 ，如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
推荐阅读