问题描述
我觉得不得不问这个问题真是太无能了,但我们开始吧。
使用 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> </p>
你看到它是如何将 'alt' 属性移到 'src' 之前的吗?我不知道如何让它停止这样做。此外,它自动更正的这个字符串不起作用。我最终得到了一个有效的图片链接,但将鼠标悬停在图片上并不会像我想要的那样显示悬停文本。
我以前做过这个。我正在输入的内容应该有效,但没有。即使我去掉样式标签和所有额外的格式,它也不起作用。我也摆脱了格式化的标题,但我仍然无法获得悬停文本。非常感谢帮助!我也试过使用 alt 和 title。由于某种原因,标题完全断开了链接。
解决方法
您可以使用属性 title
在悬停时显示文本。
<img src="https://i.imgur.com/qsrZHVo.png" title="soren chang"/>