z-index
Jeg har lavet et billede, som email link (mailto), og vil gerne have at det ændrer billedet (til et andet billede af samme størrelse), når man fører musen hen over billedet.Her er html filen:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title>Visitkort</title>
<link rel="stylesheet" type="text/css" href="visitkort2style.css">
</head>
<body>
<table border="0" width="100%" cellpadding="100">
<tr>
<td width="100%" align="left">
<p align="center">
<div id="visitkort">
<img border="0" src="images/visitkort2.jpg" width="609" height="293" title="E-mail">
</div>
<a href="mailto:storyboard@mad2.dk">
<div id="visitkort_email">
<img border="0" src="images/visitkort2_email.jpg" alt="E-mail" width="609" height="293" title="E-mail">
</div>
</a>
</p>
</tr>
</table>
</body>
</html>
og css filen:
body {
background: url("images/main_ini.jpg");
}
#visitkort {
z-index: 2;
position: absolute;
top: 100px;
left: 100px;
}
#visitkort_email {
z-index: 1;
position: absolute;
top: 100px;
left: 100px;
}
#visitkort_email:hover {
z-index: 3;
}
Hvorfor virker det ikke, og hvad kan jeg gøre for at få det til at virke?
