z-index 属性用来设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
** 元素可拥有负的 z-index 属性值。
** 仅能在[color=red][b]定位元素[/b][/color]上奏效(例如 position:absolute;)!
设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。就是数学里面的x y z中的z轴~
** 元素可拥有负的 z-index 属性值。
** 仅能在[color=red][b]定位元素[/b][/color]上奏效(例如 position:absolute;)!
设置一个定位元素沿 z 轴的位置,z 轴定义为垂直延伸到显示区的轴。如果为正数,则离用户更近,为负数则表示离用户更远。就是数学里面的x y z中的z轴~
<style type="text/css">
#img1
{
position:absolute;
left:0px;
top:0px;
z-index:-1
}
</style>
<script type="text/javascript">
function changeStackOrder(){
$("#img1").style.zIndex="1";
}
</script>
</head>
<body>
<h1>This is a some text.</h1>
<img id="img1" src="/i/eg_bulbon.gif">
<p>Default z-index is 0. Z-index -1 has lower priority.</p>
<input type="button" onclick="changeStackOrder()" value="Change stack order" />