.hover und OnMouseOver von Pinki, 12.02.2011 14:35

Beitrag lesen

.hover und OnMouseOver

Pinki 12.02.2011 14:35

Es geht auch in css:
Idee: den "hover"-tag auf z-index= 1 setzen.
Vielen Dank für Eure spannenden Diskussionen,
Gruss, Pinki

body {
font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
background: #000;
color: #000;
height: 10cm;
width: 10cm;
}

#boxblau {
background-color: #06C;
height: 6cm;
width: 6cm;
left: 2cm;
top: 2cm;
position: absolute;
}

#boxblau:hover {
background-color:#0FF;
z-index: 1;
}

#boxrot {
width: 5cm;
left: 5cm;
top: 5cm;
height: 5cm;
background-color:#F00;
position: absolute;
}

#boxrot:hover {
background-color:#F0C;
z-index: 1;
}

#boxgrün {
width: 4cm;
left: 5.45cm;
top: 2.805cm;
height: 4cm;
background-color: #6C3;
position: absolute;
}

#boxgrün:hover {
background-color: #3F0;
z-index: 1;
}

</style>

</head>

<body>

<div id="boxgrün">grüne Kiste
</div>

<div id="boxrot">rote Kiste
</div>

<div id="boxblau">blaue Kiste
</div>

</body>
</html>