2019-03-28

固定定位,脱离文档流,大部分与绝对定位一样,相对于浏览器窗口进行定位

固定定位会固定在定位处,不会随浏览器的滚动条而滚动

元素的层级一样,后写的会覆盖前面的

z-index 设置整数,表示层级,数字越大层级越高(兄弟关系),没有开启定位的不能用,父元素的层级再高,也不会覆盖子元素(父子关系)

设置元素透明:opacity:0-1    (透明度)

低版本浏览器透明:filter:alpha(opacity=0-100)

背景图片:background-image:url(相对路径)

background-repeat:repeat-x(水平平铺)/repeat-y(垂直平铺)/no-repeat(不平铺)

背景定位;background-position:

背景图片:会固定在页面,不随滚定条滚动,background-attachment:fixed(一般设置给body)

内联元素不能设置宽高

精灵图:

表格:<table>  <tr> <td>           (<th>设置表头)

表格边框合并:border-collapse:collapse;

隔行变色:例 tr:nth-child(odd/even),表格合并(colspan=‘ ’)

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 固定定位:固定定位的元素会被锁定在屏幕的某个位置上,当访问者滚动网页时,固定元素会在屏幕上保持不动。 当将posi...
    _奋斗努力阅读 3,030评论 0 0
  • 昨天定位中有一个定位是固定定位fixed固定定位的元素会被锁定在屏幕的某个位置上,当访问者滚动网页时,固定元素会在...
    Promise_18阅读 1,651评论 0 0
  • 固定定位: 当元素的position属性设置fixed时,则开启了元素的固定定位,固定定位也是一种绝对定位,它的大...
    yustyal阅读 681评论 0 0
  • 如果定位元素的层级是一样,则下边的元素会盖住上边的 通过z-index属性可以用来设置元素的层级 可以为z-ind...
    浮旧浮梦_968d阅读 1,170评论 0 0
  • 1、如果定位元素的层级是一样,则下边的元素会盖住上边的 通过z-index属性可以用来设置元素的层级 可以为z-i...
    您的名称已被使用阅读 1,358评论 0 0