Tag a und decoration

Beim Überfahren ( Text "Mögliche Widerspruch") wird einblenden , dann sieht man, was in steht. Alles OK, nur text-decoration: none; funktioniert nicht, bleibt standardmäßig - underline. Wo ist Fehler?

Der hier verwendete 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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!