|
√ Google adsense申请技巧 √ 本站核心代理域名注册主机业务
√ 快速发布你的买卖域名买卖网站信息
√ 1元注册 cn域名
√ 站长每日新闻导读 √ ·推荐万网空间￥120元 150m √ 站长网：站长必上的网站 √ 网站联盟大全 √ 本站代理万网域名55空间120元 |
Z-index
Z-index可被用于将在一个元素放置于另一元素之后。
<html>
<head>
<style type="text/css">
img.x
{
position:absolute;
left:0px;
top:0px;
z-index:-1
}
</style>
</head>
<body>
<h1>This is a Heading</h1>
<img class="x" src="bulbon.gif" width="100" height="180">
<p>Default z-index is 0. Z-index -1 has lower priority.</p>
</body>
</html>
Z-index
上面的例子中的元素已经更改了Z-index。
<html>
<head>
<style type="text/css">
img.x
{
position:absolute;
left:0px;
top:0px;
z-index:1
}
</style>
</head>
<body>
<h1>This is a Heading</h1>
<img class="x" src="bulbon.gif" width="100" height="180">
<p>Default z-index is 0. Z-index 1 has higher priority.</p>
</body>
</html>
CSS 定位属性 (Positioning)
CSS定位属性允许你对元素进行定位。
浏览器支持：IE: Internet Explorer, F: Firefox, N: Netscape。
W3C：“W3C”列的数字显示出定位(Positioning)属性由哪个CSS标准定义（CSS1还是CSS2）。
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| bottom | 设置元素的底边距离其父元素的底边之上或之下的距离。 |
|
5 | 1 | 6 | 2 |
| clip | 设置元素的形状。元素被剪入这个形状之中，然后被显示出来。 |
|
4 | 1 | 6 | 2 |
| left | 设置元素的左边与其父元素的右边或左边的的距离。 |
|
4 | 1 | 4 | 2 |
| overflow | 设置当元素内容溢出其区域时如何对内容进行管理 |
|
4 | 1 | 6 | 2 |
| position | 将元素放置于静态、相对、绝对或固定的位置 |
|
4 | 1 | 4 | 2 |
| right | 设置元素的右边距父元素右边的左侧或右侧的距离 |
|
5 | 1 | 6 | 2 |
| top | 设置元素的顶边距父元素的顶边的上方或下方的距离 |
|
4 | 1 | 4 | 2 |
| vertical-align | 设置元素的垂直排列。 |
|
4 | 1 | 4 | 1 |
| z-index | 设置元素的堆叠顺序 |
|
4 | 1 | 6 | 2 |