隐藏滚动条css(html隐藏元素的方法以及css精灵图怎么使用？)

固定定位不跟随页面而上下移动，它是相对于可是窗口进行移动：

通过添加z-index进行定位上下的设置，数值越大，越靠上

1）隐藏但仍旧保留原来的位置：

dispaly:none隐藏元素

display: block展示元素

2）隐藏元素后不保留原来的位置：

visibility: visible 展示元素

visibility: hidden隐藏元素

3）当元素超出范围内进行隐藏：

overflow: visible;展示元素也是默认的一种设置

overflow: hidden隐藏元素

overflow:scroll 当元素超出范围，以滚动的形式展现

overflow:auto 元素超出范围，以滚动的形式展现，否则不展示滚动条

在前端的页面中，网页上面的每张图片都要经历一次请求才能展示给用户，小的图标频繁的请求服务器，降低页面的加载速度，难免会用到许多的图片，如果每一个位置的图片都需要一张张的图片，那样不仅会占用大量的空间，而且会降低网页的速度。为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，因此，产生了css精灵技术。

css精灵图(sprite)(也叫雪碧图等)就是一种网页图片应用处理方式，它允许将一个页面涉及到的所有零星图片都包含到一张大图中。

background-position:x轴的移动位置 y轴的移动位置，其中向左和向下移动均为负值。