html - 自定义 img 标签的 alt 文本

Question

当我的用户将鼠标悬停在图像上时显示提示 <img src="image" alt="product code 000000">

但是，默认的 alt 文本始终显示在光标的右侧。有什么办法可以将显示的迷你弹出窗口移动到鼠标光标的左侧？？？

更新谢谢大家的回复。

score 1 · Accepted Answer

1

你的意思是黄色工具提示？你不能。但是您可以使用 JavaScript 自己制作。

于 2012-12-28T09:54:39.837 回答

score 1 · Accepted Answer

tooltip 是 Title 元素，alt 是图片不可见时出现的文本。您不能格式化标题元素，但是正如已经提到的，您可以添加自定义工具提示。我喜欢使用易于上手的jquery UI工具提示。

然后，您将能够更改 CSS 以将其移至左侧。

score 0 · Accepted Answer

你可以在css中创建一个工具箱

img{position:relative;}
img:hover::before{
  content:attr(alt);
  position:absolute;
  left:0;
  top:0;

}

score 0 · Accepted Answer

周围有大量的 javascript 工具提示脚本可以为您做到这一点。顺便说一句，在大多数浏览器中，工具提示显示在 title="" 属性上，而不是 alt 上。

score 0 · Accepted Answer

0

不，您不能，但您可以使用css和/或创建自己的javascript。

于 2012-12-28T09:56:04.893 回答

5 回答 5