3个回答
展开全部
z-index
定义和用法
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释：元素可拥有负的 z-index 属性值。
注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！
说明
该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。
定义和用法
z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。
注释：元素可拥有负的 z-index 属性值。
注释：Z-index 仅能在定位元素上奏效（例如 position:absolute;）！
说明
该属性设置一个定位元素沿 z 轴的位置，z 轴定义为垂直延伸到显示区的轴。如果为正数，则离用户更近，为负数则表示离用户更远。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
将以下代码复制到一个html文件中保存
<html>
<head>
<title></title>
<script>
function plusDiv() {
var div1 = document.getElementById('div1');
var div2 = document.getElementById('div2');
if (div1.style.zIndex > div2.style.zIndex) {
div1.style.zIndex = div1.style.zIndex - 2;
} else {
div2.style.zIndex = div2.style.zIndex - 2;
}
}
</script>
</head>
<body>
<div id="div1" style="position:absolute;z-index:1;width:100;height:100;background-color:#FF0000;left:0;top:0"></div>
<div id="div2" style="position:absolute;z-index:2;width:100;height:100;background-color:#00FF00;left:10;top:10"></div>
<input type="button" onclick="plusDiv()" value="交替底层出现" style="z-index:100;position:absolute;left:300" />
</body>
</html>
<html>
<head>
<title></title>
<script>
function plusDiv() {
var div1 = document.getElementById('div1');
var div2 = document.getElementById('div2');
if (div1.style.zIndex > div2.style.zIndex) {
div1.style.zIndex = div1.style.zIndex - 2;
} else {
div2.style.zIndex = div2.style.zIndex - 2;
}
}
</script>
</head>
<body>
<div id="div1" style="position:absolute;z-index:1;width:100;height:100;background-color:#FF0000;left:0;top:0"></div>
<div id="div2" style="position:absolute;z-index:2;width:100;height:100;background-color:#00FF00;left:10;top:10"></div>
<input type="button" onclick="plusDiv()" value="交替底层出现" style="z-index:100;position:absolute;left:300" />
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div style="position=fixed;bottom:0;"></div>
此方法在IE6下不支持
此方法在IE6下不支持
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
