Beim Überfahren ( Text "Mögliche Widerspruch") wird einblenden ,
dann sieht man, was in <span> steht.
Alles OK, nur text-decoration: none;
funktioniert nicht, bleibt standardmäßig - underline.
Wo ist Fehler?
Code
<style>
body{
height:100vh;
}
span.toolbox{
text-decoration:underline;
cursor:pointer;
position:absolute;/*nur für diese demo*/
left:200px;/*nur für diese demo*/
top:100px;/*nur für diese demo*/
}
span.hover-box {
border: 1px solid #fc6;
color: white;
background:black;
padding:10px;
border-radius:20px;
display: none;
width:150px;
}
span.toolbox:hover > span.hover-box {
display: block;
position:relative;
/*oben*/
/*bottom:120px;*/
/*oder unten*/
top:10px;
}
</style>
<body>
<span class="toolbox">Mögliche Widerspruch.
<span class="hover-box"> Ja, moderne Wissenschaft hat viel erreicht,<br> aber...<br>
</span>
</span>
</body>