html - 如何控制 abbr 标签时序？

Question

如何控制 abbr 标签，以便我不仅可以更改标题，还可以更改标题中的消息出现的时间？我是否需要使用 php 或 js 来执行此操作？

Answer 1

你可能想使用这样的东西

abbr {
  position: absolute;
  opacity: 0;
  bottom:-20px;
  left:0;
  transition:0.5s opacity;
  /* Here is the delay */
  transition-delay:0.5s;
}
.text {
  position:relative;
  cursor:help;
}
.text:hover abbr {
  opacity:1;
}

<span class="text"> This is a text with abbrevation <abbr>This is the abbrevation</abbr></span>