Я использую всплывающую подсказку. Но я хочу, чтобы это было в теге изображения, например, когда я наводю курсор на изображение, всплывающая подсказка должна работать. Я пробовал, но не работал с тегом изображения.
Я установил всплывающие подсказки в моем рабочем проекте, который на 100% работает
<!DOCTYPE html><html><style>.tooltip {position: relative;display: inline-block;border-bottom:1px dotted black;}.tooltip .tooltiptext {visibility: hidden;width:120px;background-color: black;color:#fff;text-align: center;border-radius:6px;padding:5px0;/* Position the tooltip */position: absolute;z-index:1;}.tooltip:hover .tooltiptext {visibility: visible;}.size_of_img{width:90px}</style><bodystyle="text-align:center;"><p>Move the mouse over the text below:</p><divclass="tooltip"><imgclass="size_of_img"src="https://babeltechreviews.com/wp-content/uploads/2018/07/rendition1.img_.jpg"alt="Image 1"/><spanclass="tooltiptext">grewon.pdf</span></div><p>Note that the position of the tooltip text isn't very good. Check More Position <ahref="https://www.w3schools.com/css/css_tooltip.asp">GO</a></p></body></html>
Вам не хватает CSS, чтобы это действительно работало. Если вы добавите класс для .tooltip: hover .tooltiptext и правильно разместите .tooltiptext, это может быть прекрасным способом показать всплывающую подсказку, где у вас есть больший контроль над ее представлением.
LKM
Вероятно, они базируются на школах w3: w3schools.com/css/css_tooltip.asp Я согласен, что это неполное решение, просто предоставляя ссылку для тех, кто хочет пойти по этому пути.
document.getElementById('theImage').title='tooltip text'
.Ответы:
Для этого вы можете использовать стандартный атрибут заголовка HTML изображения:
источник
Я установил всплывающие подсказки в моем рабочем проекте, который на 100% работает
источник
Используя javascript, вы можете установить всплывающие подсказки для всех изображений на странице.
источник
Вы можете использовать следующий формат для создания всплывающей подсказки для изображения.
источник