码迷,mamicode.com
首页 > 其他好文 > 详细

position属性

时间:2015-03-20 12:43:27      阅读:96      评论:0      收藏:0      [点我收藏+]

标签:

   所有主流浏览器支持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;
}

 

position属性

标签:

原文地址:http://www.cnblogs.com/dsheldon/p/4353164.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!