position属性

最新推荐文章于 2024-12-20 13:54:20 发布

转载最新推荐文章于 2024-12-20 13:54:20 发布 · 68 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dsheldon/p/4353164.html

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

转载于:https://www.cnblogs.com/dsheldon/p/4353164.html