在下面的代碼中，我希望當單擊 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 關注
- 139 瀏覽
添加回答
舉報
0/150
提交
取消