Programing

이미지의 툴팁

crosscheck 2020. 7. 19. 10:23
반응형

이미지의 툴팁


툴팁을 사용하고 있습니다. 그러나 이미지 위에 마우스를 올리면 툴팁이 작동해야합니다. 이미지 태그에서 시도했지만 작동하지 않습니다.


이를 위해 이미지의 표준 HTML 제목 속성을 사용할 수 있습니다.

<img src="source of image" alt="alternative text" title="this will be displayed as a tooltip"/>

다음 형식을 사용하여 이미지의 툴팁을 생성 할 수 있습니다.

<div class="tooltip"><img src="joe.jpg" />
  <span class="tooltiptext">Tooltip text</span>
</div>

참고 URL : https://stackoverflow.com/questions/11716916/tooltip-on-image

반응형