abbr 태그 타이밍을 제어하는 ​​방법은 무엇입니까?

Question

abbr 태그를 제어하여 제목을 변경할 수있을뿐 아니라 제목의 메시지가 표시되는 시간을 제어하는 ​​방법은 무엇입니까? PHP 나 js를 사용해야합니까?

Answer 1

당신은 싶어은`title` 툴팁이 표시 될 때 영향을 미칠 수없는이

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>