您的位置:CSS5 > CSS笔记 >

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

发布日期:2019-09-17 21:05:16 来源:CSS5

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

img图片alt

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

问题原因:

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

解决:

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

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

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

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

扩展阅读

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

标签(Tag): 图片 鼠标 alt
本文分享URL地址:https://www.css5.com.cn/biji/1574.shtml

作者:CSS5原创

上一页:上一篇:table边框样式设置 html表格加css边框属性
下一页:下一篇:div边框颜色代码设置 css设置div 边框颜色样式