hallo ich wollte fragen ob das mit css machbar ist
ich zeig euch mal was ich möchte
http://bw.drafdbzr12.com/navi.html
hab das so gemacht:
<html>
<head>
<link rel="stylesheet" href="style.css" type="text/css"></head>
<body background="navi.jpg" bgproperties="fixed"></html>
<a class="navi1" href="#" target="_blank"> Nummer I</a>
<a class="navi2" href="#" target="_blank"> Nummer II</a>
</head>
</html>
Body{
color:#FFFFFF;
font-family:Arial;
font-size: 14px;
}
a.navi1:link{color:#000000; font-size:14px; background-image:url(naviactiv.png); z-index:1; position:absolute; top:100px; width:100px; text-decoration: none;}
a.navi2:link{color:#000000; font-size:14px; background-image:url(naviactiv.png); z-index:2; position:absolute; top:100px; left:80; width:100px; text-decoration: none;}
a:visited {color:#000000; font-size:14px; text-decoration: none;}
a:active{color:#000000; font-size:14px; text-decoration: none;}
a:hover {color:FFFFFF; font-size:14px; background-image:url(navi.png); z-index:3; position:absolute; background-repeat:no-repeat; width:100px; text-decoration: none;}
also ich möchte das so machen wenn man mit der maus rüber geht das nummerI in den vordergrund rückt und nummer II dan in den hintergrund rückt
danke schon mal im vorraus ^^