在下面的代码中，我希望当单击 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>
1 回答
波斯汪
TA贡献1811条经验 获得超4个赞
考虑将 CSS-Grid 应用于body
function 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>
- 1 回答
- 0 关注
- 58 浏览
添加回答
举报
0/150
提交
取消