Ik wil een kerstkaartje hebben, waarbij een hover zorgt voor een ander kaartje en het tonen van de persoonlijke boodschap.
Mozilla gaat perfect maar IE 6 laat mijn tekst staan
Ben ik op een browser bugje gestrand of doe ik zelf iets fout
Het enige wat ik bij hovers mag wijzigen is de kleur in IE6 schijnbaar. Ik heb al gepriegeld met margins, positionering, maar dat mag allemaal niet schijnbaar.
Mozilla gaat perfect maar IE 6 laat mijn tekst staan
Ben ik op een browser bugje gestrand of doe ik zelf iets fout Het enige wat ik bij hovers mag wijzigen is de kleur in IE6 schijnbaar. Ik heb al gepriegeld met margins, positionering, maar dat mag allemaal niet schijnbaar.
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style>
a.voorkant {
position:relative;
display:block;
width:607px;
height:402px;
background-image: url(http://www.mailitdirect.com/images.asp?MailID=114&PartID=4&ImageID=3kerstkaart_mmit2.gif);
}
a.voorkant:hover {
position:relative;
display:block;
width:607px;
height:402px;
background-image: url(kerstkaart_mmit_achterkant.gif);
}
.container{
position:relative;
display:none;
height:100%;
width:100%;
}
a.voorkant .container {
display:none;
}
a.voorkant:visited .container{
display:block;
}
a.voorkant:hover .container{
display:block;
}
a.voorkant:active .container{
display:block;
}
.textheader {
position:absolute;
top:50px;
left:150px;
}
</style>
</head>
<body>
<a href="#" class="voorkant">
<div class="container">
<div class="textheader">Beste blaat,</div>
</div>
</a>
</body>
</html> |
:strip_exif()/u/22479/169-back.gif?f=community)
:strip_exif()/u/3333/pumpkin_avatar.gif?f=community){kind=avatar}
:strip_exif()/u/25264/momentum.gif?f=community)
