• 技术文章 >web前端 >html教程

    HTML CSS决定定位、滤镜详细介绍

    高洛峰高洛峰2017-03-31 11:17:31原创806
    1.position:relative;相对对位

    不影响元素本身的特性;

    不使元素脱离文档流;

    如果没有定位偏移量,对元素本身没有任何影响;

    定位元素位置控制:top/right/bottom/left;

    IE6下父级的overflow:hidden是包不住子集的相对定位;解决只需要

    给父级就加上定位元素;

    在IE6下定位元素的父宽高都为奇数时,定位元素的bottom和right会有

    1px的偏差

    2.position:absolute;绝对定位

    可以使元素脱离文档流

    使内嵌支持宽高;

    块属性标签内容撑开宽度;

    定位元素默认后者层级高于前者;

    相对于整个文档进行定位偏移量;

    如果有定位父级就相对于定位父级偏移,没有父级定位就相对于文档偏

    移;

    相对定位一般都是配合绝对定位使用的(使用相当多);

    可以用来清浮动

    3.position:fixed;固定定位;

    可以使元素脱离文档流;

    可以使内嵌支持宽高;

    相对于整个文档进行定位偏移量;

    与绝对定位的差别定位父级对固定定位不产生影响,始终对于文档进行

    偏移;

    问题:IE6是不兼容固定定位

    可以用来清浮动

    4.position:static;默认没有定位

    5.position:inherit:继承;工作中基本没什么用

    4.z-index:[number];定位层级z-index:1;

    body<html<文档

    5.滤镜,不透明度 opacity:0~1;IE私有滤镜filter:alpha(opacity=0~100)

    以上就是HTML CSS决定定位、滤镜详细介绍的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:HTML CSS
    上一篇:详解HTML嵌套规则 下一篇:解析springboot使用thymeleaf时报html没有结束标签
    大前端线上培训班

    相关文章推荐

    • html怎么改变按钮颜色• html中table行间距怎么设置• html怎么写按钮• html的a标签怎么设置字体颜色• 怎样禁止html页面滚动

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网