回到课程

把 note 放在元素内部(absolute)

重要程度: 5

扩展上一个任务 在元素旁(absolute)显示一个 note:教函数 positionAt(anchor, position, elem)elem 插入到 anchor 内部。

position 的新值:

  • top-outright-outbottom-out — 和之前一样工作,它们把 elem 插入到 anchor 的上方/右侧/下方。
  • top-inright-inbottom-in — 把 elem 插入到 anchor 内部:将其粘贴到上/右/下边缘。

例如:

// 在 blockquote 上方显示 note
positionAt(blockquote, "top-out", note);

// 在 blockquote 内部的上边缘显示 note
positionAt(blockquote, "top-in", note);

结果:

可以以上一个任务 在元素旁(absolute)显示一个 note 的解决方案为基础。