在跨度标记中添加链接

-3

我在查找如何将下面的文本中的电子邮件地址转换为链接。它并不一定是一个电子邮件地址，即使它是一个链接，因为我正在处理悬停时弹出的一些链接，但仍停留在当前的问题上。任何建议将非常感激。在跨度标记中添加链接

为了进一步解释，我目前有新闻链接，当您将鼠标悬停在此上时，您会看到一个弹出窗口，显示与链接相关的其他新闻。问题是，因为我已经有一个锚点链接，所以我无法在关闭标签之前添加另一个锚点链接，但我希望能够点击悬停弹出窗口中的电子邮件地址，但不知道如何实现这一点。

<div id="popup"> 
<a href="dropdownmenus.php">Dropdown menus<span>Further information:-<br> If you need to contact anyone then please contact on [email protected]</span></a> 
</div>

样式

/*HOVER POPUP LINKS*/ 

/*hoverpopups type 1*/ 

#popup { color: #000; background-color: #c0c0c0; } 

#popup a, #popup a:visited { 
    position: relative; 
    display: block; 
    width: 130px; 
    line-height: 30px; 
    text-align: right; 
    padding: 0 10px; 
    margin: 0; 
    border: 1px solid #666; 
    text-decoration: none; 
    font-size: 1em; 
    font-weight: bold; 
} 

#popup a span { 
    display: none; 
} 

#popup a:hover { 
    background-color: #e9e9e2; 
} 

/* the IE correction rule */ 
#popup a:hover { 
    color: #f00; 
    background-color: #e9e9e2; 
    text-indent: 0; /* added the default value */ 
} 

#popup a:hover span { 
    display: block; 
    position: absolute; 
    top: 0px; 
    left: 170px; 
    width: 320px; 
    margin: 0px; 
    padding: 10px; 
    color: #335500; 
    font-weight: normal; 
    background: #e5e5e5; 
    text-align: left; 
    border: 1px solid #666; 
}

来源

2016-05-25 Michael Owen

OP问如何在html中使用非常基本的标签。 –

必须围绕电子邮件的标签，并让href成一个mailto：论点是这样的：

<a href="mailto:[email protected]">[email protected]</a>

这是非常基本的HTML。我建议你在https://www.codecademy.com上花点时间做一些学习，然后再发布在这样的论坛上，因为这些问题在开发人员中不会得到很好的回答。

来源

2016-05-25 19:39:27

道歉，因为它可能听起来像一个简单的问题，但每当我在电子邮件地址周围添加锚标签时，弹出窗口不再显示其文本中的电子邮件地址，并出现在我悬停的初始文本上，这就是问题所在。 –

@MichaelOwen - 您不能将电子邮件包裹在锚标签中，因为这会创建一个无效的HTML链接。 – j08691

我有一个带有文本链接的页面，当您将鼠标悬停在该页面上时，会显示一个弹出式文本，该文本位于span标签内，但在span范围内添加一个锚标签可以打破它，并且不会给我所需。 –

在跨度标记中添加链接

回答

相关问题