Question

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

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

更新感谢大家的回复。

Answer 1

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

Answer 2

工具提示是标题元素，alt是图像不可见时显示的文本。您无法格式化title元素，但是如前所述，您可以添加自定义工具提示。我喜欢使用jquery UI工具提示，这些工具提示很容易开始工作。

然后你就可以改变CSS将它移到左边。

Answer 3

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

Answer 4

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

Answer 5

您可以在css中创建工具箱

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

}