Question

所以，我有一个图像，当它悬停在它上面时，会出现一些文字。我想要做的是在该文本中添加超链接。

例如：文字说“你好我的名字是”然后我想包括“点击查找”作为链接到我的网络应用程序中的另一个页面的超链接。

我已经尝试了以下内容：

<span>hello my name is <a href:"abc.php">click to find out</a></span>

以上内容只是将“点击查找”作为超链接替换整个<span>。

有什么建议吗？

代码试过：

<span class="text-img">
            Diversity index is measured on a scale of 0 to 100.
            Higher number indicates a greater degree of relative diversity.<a target="_blank" href="PanelHow.php">test</a>
            </span>

Answer 1

由于您尚未共享实际代码，因此很难找到确切的问题。所以我为你开发了一个小例子。检查下面的代码，它工作正常。

＆＃13;

.test {
  display:none;
}
.maindiv {
  display:inline-block;
}
.maindiv:hover .test {
  display:block;
}

＆＃13;

<div class="maindiv">
   <img src="http://miumosa.com/assets/products/sample-_20170209104115.png" width="100" />
<span class="test">hello my name is <a href="abc.php">click to find out</a></span>
</div>

＆＃13;

在悬停文本中添加超链接

1 个答案: