在下面的代码中，当单击div1时，我希望div1与div2重叠。不使用职位怎么办？我也想通过仅更改div1的CSS来完成此操作。预先感谢。
<style>
.div1
{ display:'inline-block';}
.div2
{display:'inline-block';}
enter code here
</style>
<script>
function thefunc()
{
//code to overlap div2 from div1 by only changing css of div1
}
<body>
<div id='div1' onClick={()=>thefunc()}></div>
<div id='div2'></div>
</body>
他是我能做的最好的。
<div id='div1' onclick="clicked()"></div>
<div id='div2'></div>
由于内联块只是一个又一个地堆叠div：
#div1 {
background-color: red;
position: absolute;
z-index: 2;
height: 50px;
width: 100px;
}
#div2 {
background-color: green;
height: 50px;
position: absolute;
width: 100px;
}
并将z-index设置为元素：
function clicked() {
document.getElementById("div2").style.zIndex = 3;
}