“ALT”属性不会在图像链接上创建悬停文本

问题描述

我觉得不得不问这个问题真是太无能了,但我们开始吧。

使用 Google Chrome,我正在 Tumblr 上工作,尝试创建一个用作链接的图像。此外,当您将鼠标悬停在图像上时,我正在尝试显示文本。我让它工作了似乎很短的时间,现在我似乎无法让它再次运行。我的代码如下。它以标题开头:

<h1 style="padding: 7px; font-size: 8px; font-family: calibri; text-transform: uppercase; text-align: center; letter-spacing: 1px; color: #8f8d8d; line-height: 15px; background: #282828;">Bring a friend,join the crowd</h1>

以下是图像本身的以下代码

<p><a href="/soren"><img src="https://i.imgur.com/qsrZHVo.png" style="width: 50px; border-radius: 100%; border: 6px solid #282828;" alt="soren chang"/></a>

这个想法是有一个 50 像素的圆形图像,一个 6 像素的实心边框作为链接。将鼠标悬停在图像上应显示名称“Soren”。当我输入此代码时,Web 浏览器会自动更正它以显示以下内容:

<p><a href="/soren"><img alt="soren chang" src="https://i.imgur.com/qsrZHVo.png" style="width: 50px; border-radius: 100%; border: 6px solid #282828;" /></a>&nbsp; &nbsp;</p>

你看到它是如何将 'alt' 属性移到 'src' 之前的吗?我不知道如何让它停止这样做。此外,它自动更正的这个字符串不起作用。我最终得到了一个有效的图片链接,但将鼠标悬停在图片上并不会像我想要的那样显示悬停文本。

我以前做过这个。我正在输入的内容应该有效,但没有。即使我去掉样式标签和所有额外的格式,它也不起作用。我也摆脱了格式化的标题,但我仍然无法获得悬停文本。非常感谢帮助!我也试过使用 alt 和 title。由于某种原因,标题完全断开了链接。

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)