图片img标签内添加alt标签但是鼠标放上去不显示文字

2019-09-17 21:14:34 网页中显示图片,使用img标签,提示使用alt添加文字内容,但是鼠标放上去不显示文字如何显示?如何解决?

HTML网页中显示图片,使用img标签,提示使用alt添加文字内容,但是鼠标放上去不显示文字如何显示?如何解决?

img图片alt

看到图片的确添加了alt,在浏览器中浏览时候,鼠标放这个图片上时,却不显示任何文字。

问题原因:

alt只是对图片进行说明,当图片不存在或路径错误不显示时,浏览器将会出现alt文字占位图片。

解决:

对img添加title属性,即可在title设置文字,鼠标才显示,除了img可以设置title,其它div、P、span等标签都可以设置。

实现鼠标放图片上显示文字
实现鼠标放图片上显示文字

鼠标放图片上显示文字代码:

<img src="图片地址" alt="图片不显示占位文字-图片描述文字" title="这里设置文字就是鼠标悬停放图片上显示文字" />

扩展阅读

img图片标签内alt和title属性作用 如何选择使用

更新