如何在没有位置的情况下将一个div重叠在另一个div上
在下面的代码中，我希望当单击 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>
人到中年有点甜浏览 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
相关分类
Html5