• position属性


       所有主流浏览器支持position属性;

      任何版本的ie浏览器都不支持属性值“inherit”。

      position属性规定元素的定位类型,任何元素都可以定位,不过绝对定位或固定元素会生成一个块级框,不论该元素本身是什么类型。相对定位元素相对与他在正常流中的默认位置偏移。

      默认值:static,

      值      描述

      absolute    生成绝对定位的元素,相对于static定位以外的第一个父元素进行定位。

      fixed         生成绝对定位的元素,相对于浏览器窗口进行定位。

      relative     生成相对定位的元素,相对于其正常位置进行定位。

      static      默认值,没有定位,元素出现在正常的流中。

      inherit      规定应该从父元素继承position属性的值。

    1.设置元素的形状:

    img {
        position:absolute;
        clip:rect(0px 50px 200px 0px);
    }
    
    
    <body>
    
    <p>clip属性剪切了一幅图像:</p>
    <p><img border="0" src="1.jpg" width="120" height="151"></p>
    </body>
    

       clip:rect(a b c d);    clip是css2种的裁剪属性,用于裁剪绝对定位的元素,语法为:

      clip:rect(top,roght,bottom,left)    

    2.Z-index

      Z-index可被用于将一个元素放置于另一个元素之后。  

        令z-index=-1则会显示在另外元素的后面,

        默认值为0,

    img.x{
    position:absolute;
    left:0px;
    top:0px;
    z-index:-1;
    }
    
  • 相关阅读:
    UNIX网络编程总结三
    UNIX网络编程总结二
    UNIX网络编程总结一
    KVM
    nginx+flask+gevent+uwsgi实现websocket
    Hypervisor
    JBPM4入门——4.封装流程管理的工具类(JbpmUtil)
    JBPM4入门——3.JBPM4开发环境的搭建
    JBPM4入门——2.在eclipse中安装绘制jbpm流程图的插件
    JBPM4入门——1.jbpm简要介绍
  • 原文地址:https://www.cnblogs.com/dsheldon/p/4353164.html
Copyright © 2020-2023  润新知