当我的用户将鼠标悬停在图像上时显示提示
<img src="image" alt="product code 000000">
但是,默认的 alt 文本始终显示在光标的右侧。有什么办法可以将显示的迷你弹出窗口移动到鼠标光标的左侧???
更新谢谢大家的回复。
你的意思是黄色工具提示?你不能。但是您可以使用 JavaScript 自己制作。
tooltip 是 Title 元素,alt 是图片不可见时出现的文本。您不能格式化标题元素,但是正如已经提到的,您可以添加自定义工具提示。我喜欢使用易于上手的jquery UI工具提示。
然后,您将能够更改 CSS 以将其移至左侧。
你可以在css中创建一个工具箱
img{position:relative;}
img:hover::before{
content:attr(alt);
position:absolute;
left:0;
top:0;
}
周围有大量的 javascript 工具提示脚本可以为您做到这一点。顺便说一句,在大多数浏览器中,工具提示显示在 title="" 属性上,而不是 alt 上。
不,您不能,但您可以使用css
和/或创建自己的javascript
。