如何使 display：none 块框在更改为 display：block [duplicate] 时属于它的父框

How to make a display:none block box belong to it's parent box when it change to display:block [duplicate]

提问人：李显凇 提问时间：2/20/2023 最后编辑：mplungjan李显凇 更新时间：2/20/2023 访问量：19

问：

这个问题在这里已经有答案了：
CSS 悬停 div 闪烁 （2 答案）
隐藏元素闪烁 ：hover （2 个答案）
9个月前关闭。

今天我发现了一个问题，它是关于如何将我的 delomorphous 子框保留在父框中。

keep 表示当我将鼠标悬停在变形框上时，它不会消失。

我发现当我使用时，我无法保留子框，但我不知道为什么。如果我只使用其中之一，我可以保留子盒子。因此，如果您知道发生了什么，或者您可以在我使用所有这些并保留它时给出一些建议，我将不胜感激position:absolutedpointer-events: none;

let item = document.querySelector('.item')
let boxEl = document.querySelector('.box')
item.onmouseover = function(e) {
  boxEl.style.display = 'block'
}
item.onmouseout = function(e) {
  boxEl.style.display = 'none'
}
.item {
  position: relative;
}

.box {
  position: absolute;
  top: 18px;
  width: 100px;
  height: 100px;
  background-color: pink;
  display: none;
  pointer-events: none;
}
<div class="item">
  google
  <div class="box"></div>
</div>

html css-position 显示 指针事件

评论

0赞 mplungjan 2/20/2023
什么是“delomorphous”子框？请找到一个更好的词或描述它的含义

答： 暂无答案

上一个：使用 W3C PointerEvent API 并能够检测到双击？

下一个：如何使 FlatList 顶部的绝对定位可触摸元素仅捕获新闻事件并让其他事件传播到 FlatList？