小众知识

让DIV显示在最底层
2014-07-10 11:27:49   来源:   评论:0 点击:

<html><head><title>< title><script>function plusDiv() { var div1 = document getElementById(& 39;div1& 39;); var div2
<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 底层

上一篇:利用css搞定广告文字环绕效果 css定位广告在文章的中间显示
下一篇:几个常用的jquery ui框架比较

分享到: 收藏
评论排行
最新发布