简单教程
提交运行
代码编辑器:
<style> #img1{ position:absolute; left:0px; top:0px; z-index:-1 } </style> <script> function changeStackOrder(){ document.getElementById("img1").style.zIndex="1"; } </script> <h1>这是一个标题</h1> <img id="img1" src="/static/i/img3.jpg" height="180"> <input type="button" onclick="changeStackOrder()" value="修改堆叠顺序"> <p>默认 z-坐标是 0,Z-坐标 -1优先级较低</p>
运行结果: