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>