先来说一下固定定位,固定定位其实就是绝对定位但也有所不同,固定定位是用于相对于浏览器窗口来进行定位的,固定定位的元素会被锁在屏幕的某个位置上,当滚动页面的时候,固定元素会在屏幕上保持不动
开启固定定位:position:fixed就开启了固定定位,当开启了固定定位后,可以使用top,bottom,left,right四个属性对元素进行定位,固定定位的其他特性与绝对定位相似
元素的层级
接下来要说一个属性叫z-index,给它设置整数,它可以提升定位元素所在的层级,父元素设置再大的z-index再不会覆盖子元素
我们还可以使用opacity来设置透明 值为0-1之间的数 0 表示完全透明 1表示完全不透明,ie不支持这个 如果要显示需要用opacity
filter:alpha(opacity=50)来兼容所有包括ie
背景设置 我们可以给元素设置许多背景属性
background-color来为元素设置背景颜色
background-image来设置背景图片 用url属性来导入图片
背景图片如果大于元素大小的话,默认就显示左上角
图片为多大,元素就为多大或者大于它
background-repeat:no-repeat来设置背景图片不重复
background-position来控制背景图片在元素中的位置
它有五个关键字 top bottom left right center