I've got the following problem I can't wrap my head around: For an image I created a pseudo image map via CSS to have styled tooltips which works as follows:
(我遇到了以下问题，无法解决：对于一个图像，我通过CSS创建了一个伪图像映射，以具有样式化的工具提示，其工作方式如下：)
#map { margin:0; padding:0; width:800px; height:838px; background:url(http://prntscr.com/q4nl0i) top left no-repeat #fff; font-family:"Segoe UI", arial, helvetica, sans-serif; font-size:10pt; } #map li { margin:0; padding:0; list-style:none; } #map li a { position:absolute; display:block; background:url(https://prnt.sc/q4no1g); text-decoration:none; color:#fff; } #map li a span { display:none; } #map li a:hover span { position:relative; display:block; width:200px; left:10px; top:-20px; border:1px solid #ea7d30; background:#323232; padding:5px; filter:alpha(opacity=80); opacity:0.8; } #map li a:hover span b { color: #ea7d30; } #map a.gsa { top:84px; left:19px; width:128px; height:67px; }
<html> <head> </head> <body class="main"> <ul id="map"> <li><a class="gsa" href="#"><span><b>GSA</b><br> Fügen Sie die GSA-Nummer aus der MRL per Drag & Drop ein. </span></a></li> </ul> </body>
Now I would like to insert a link into this tooltip (for the term "GSA-Nummer").
(现在，我想在此工具提示中插入一个链接（术语“ GSA-Nummer”）。)
Nested links are not allowed, that is clear. (很明显，嵌套链接是不允许的。)
Does anyone have an idea how I could accomplish this (preferably CSS/HTML only)? (有谁知道我如何做到这一点（最好是CSS / HTML）？)
ask by Gorly translate from so 与恶龙缠斗过久,自身亦成为恶龙；凝视深渊过久,深渊将回以凝视…
