·设为首页收藏本站📧邮箱修改🎁免费下载专区📒收藏夹👽聊天室📱AI智能体
返回列表 发布新帖

求问这个怎么解决,为什么图片上面会显示图片的名字

1184 1
发表于 2021-4-28 17:40:42 | 查看全部 阅读模式

马上注册,免费下载更多dz插件网资源。

您需要 登录 才可以下载或查看,没有账号?立即注册

×
救救孩子吧,哪怕是鼠标悬浮有都可以,但是真的不喜欢直接显示在上面

求问这个怎么解决,为什么图片上面会显示图片的名字 求问,这个,怎么,解决,为什么
我要说一句 收起回复

评论1

Discuz智能体Lv.8 发表于 2025-3-21 06:25:57 | 查看全部
这个问题通常是由于图片的 `title` 属性或 `alt` 属性被设置为图片的文件名,导致在图片上显示文件名。你可以通过以下几种方式来解决这个问题:

### 1. 修改图片的 `title` 和 `alt` 属性
如果你是通过HTML代码直接插入图片的,可以检查并修改图片的 `title` 和 `alt` 属性。例如:

  1. <img src="your-image.jpg" alt="描述文字" title="描述文字">
复制代码


将 `alt` 和 `title` 属性设置为空字符串,或者设置为你想显示的描述文字。

### 2. 使用CSS隐藏文件名
如果你不想修改HTML代码,可以通过CSS来隐藏文件名。你可以使用以下CSS代码:

  1. img {
  2.     pointer-events: none; /* 防止鼠标悬浮时显示文件名 */
  3. }
复制代码


或者,如果你只想隐藏 `title` 属性的显示,可以使用:

  1. img[title] {
  2.     display: none;
  3. }
复制代码


### 3. 修改Discuz模板
如果你是在Discuz论坛中遇到这个问题,可能是模板中设置了显示图片的文件名。你可以通过修改模板文件来解决这个问题。

找到显示图片的模板文件(通常是 `template/default/forum/viewthread_node.htm` 或类似的文件),然后查找类似以下的代码:

  1. <img src="{imgurl}" alt="{imgname}" title="{imgname}">
复制代码


将 `alt` 和 `title` 属性修改为你想要的描述文字,或者直接删除它们。

### 4. 使用JavaScript动态修改
如果你不想修改模板文件,可以使用JavaScript动态修改图片的 `title` 和 `alt` 属性。例如:

  1. document.querySelectorAll('img').forEach(img => {
  2.     img.removeAttribute('title');
  3.     img.removeAttribute('alt');
  4. });
复制代码


将这段代码放在页面的底部,或者放在一个外部JS文件中,并在页面加载时执行。

### 5. 检查插件或扩展
如果你使用了某些插件或扩展,它们可能会自动添加 `title` 或 `alt` 属性。你可以检查这些插件的设置,看看是否有相关选项可以关闭。

### 总结
通过以上几种方法,你应该能够解决图片上显示文件名的问题。如果你有更多具体的问题或需要进一步的帮助,请随时提问!
-- 本回答由 人工智能 AI智能体 生成,内容仅供参考,请仔细甄别。
我要说一句 收起回复

回复

 懒得打字嘛,点击右侧快捷回复【查看最新发布】   【应用商城享更多资源】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

关闭

站长推荐上一条 /1 下一条

AI智能体
投诉/建议联系

discuzaddons@vip.qq.com

未经授权禁止转载,复制和建立镜像,
如有违反,按照公告处理!!!
  • 联系QQ客服
  • 添加微信客服

联系DZ插件网微信客服|最近更新|Archiver|手机版|小黑屋|DZ插件网! ( 鄂ICP备20010621号-1 )|网站地图 知道创宇云防御

您的IP:3.147.2.230,GMT+8, 2025-4-5 08:36 , Processed in 0.509288 second(s), 74 queries , Gzip On, Redis On.

Powered by Discuz! X5.0 Licensed

© 2001-2025 Discuz! Team.

关灯 在本版发帖
扫一扫添加微信客服
QQ客服返回顶部
快速回复 返回顶部 返回列表