如何在没有位置的情况下将一个div重叠在另一个div上

在下面的代码中，我希望当单击 div1 时 div1 与 div2 重叠。在不使用位置的情况下如何做到这一点？而且我想通过仅更改 div1 的 css 来实现此目的。提前致谢。

<style>

.div1

{ display:'inline-block';}

.div2

{display:'inline-block';}

enter code here

</style>

function thefunc()

{

//code to overlap div2 from div1 by only changing css of div1

}

<body>

<div id='div1' onClick={()=>thefunc()}></div>

</body>

人到中年有点甜

浏览 95回答 1

1回答

波斯汪

考虑将 CSS-Grid 应用于bodyfunction thefunc() {  document.querySelector('body').classList.add('overlap');}#div1 {  display: inline-block;  background: red;  opacity: .5;}#div2 {  display: inline-block;  background: blue;}div[id] {  width: 200px;  height: 200px;}.overlap {  display: grid}.overlap div {  grid-row: 1;  grid-column: 1;}#div1 {  z-index: 2;}<div id='div1' onClick="thefunc()"></div><div id='div2'></div>

随时随地看视频慕课网APP