tooltip werkt wel in FF maar niet in IE
ik ontwerp zelf met FireFox, maar test regelmatig m'n scripts in Internet Explorer.
Nu heb ik ergens een css tooltip script vandaan getoverd, en dat werkt heerlijk in FF maar dus niet in IE.
Code (php)
1
<span class="tooltip">[ V ]<span>Dit is een vereist veld. Het formulier kan niet worden verzonden zonder deze gegevens.</span></span>
bijbehorende css:
Code (php)
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
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
span.tooltip
{
position:relative;
z-index:24;
text-decoration:none;
border-bottom: 1px dashed #000000;;
}
span.tooltip:hover
{
z-index:25;
background-color:#00CCFF;
cursor:pointer;
}
span.tooltip span
{
display: none;
}
span.tooltip:hover span
{
padding: 2px;
display:block;
position:absolute;
top:2em;
left:2em;
width:15em;
border:1px solid #0cf;
background-color:#cff;
text-align: center;
text-decoration:none;
font-style:normal;
font-weight:normal;
}
{
position:relative;
z-index:24;
text-decoration:none;
border-bottom: 1px dashed #000000;;
}
span.tooltip:hover
{
z-index:25;
background-color:#00CCFF;
cursor:pointer;
}
span.tooltip span
{
display: none;
}
span.tooltip:hover span
{
padding: 2px;
display:block;
position:absolute;
top:2em;
left:2em;
width:15em;
border:1px solid #0cf;
background-color:#cff;
text-align: center;
text-decoration:none;
font-style:normal;
font-weight:normal;
}
iemand enig idee hoe dit komt en hoe ik dit oplos?
bij voorbaat dank!
