css滚动条 透明

html-css06

css滚动条 透明,第1张

这样设置就可以是滚动条变为透明

  ::-webkit-scrollbar {

            height: 0

            width: 0

            color: transparent

        }

这个滚动条是自定义的滚动条，是CSS3自定义滚动条样式 -webkit-scrollbar。

滚动条的css样式主要有三部分组成：

1、::-webkit-scrollbar 定义了滚动条整体的样式；

2、::-webkit-scrollbar-thumb 滑块部分；

3、::-webkit-scrollbar-thumb 轨道部分；

<div class="wra">

<marquee>文字在这里边进行</marquee>

</div>

<marquee>就是滚动的效果，不用css就能实现，关于背景透明，不设置的话默认就是透明