Workshops zu CSSScalable Vector GraphicsBilderwandWeb ServicesWeblog

Eine Infobox mit CSS

Einfach den Mauszeiger über den Link bewegen:

Eine Infobox mit CSS Die Box kann man komplett mit CSS stylen.

Im Prinzip funktioniert das genauso wie dieser Link

der Code:

a.info {
background:green;
}
a.info:hover {
cursor: help;
background: white;
}
a.info span {
visibility: hidden;
position: absolute;
left: 20em;
margin-top: 1em;
padding: 1em;
text-decoration: none;
}
a.info:hover span {
visibility: visible;
border: 1px solid red;
color: #fff;
background: gray;
}