z-index + IFRAME marche pas .. mais que sous IE evidemment
Bonjour à tous.
J'ai un soucis :bug: , sur ma page web j'ai une iframe et un menu.
Lorsque la souris va sur le menu, une div s'affiche mais alors qu'elle devrait s'afficher au dessus de l'iframe, elle s'affiche en dessous.
Ce probléme ne se pose que sous IE (evidemment) et cela marche nickel sous FF
Un piti bout de code (épuré au max)
HTML
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
|
Div :
<div id="inviclient" onMouseOut="this.style.display='none';" onMouseOver="this.style.display='block';">
<table style="z-index:15;">
<tr onMouseOver="this.className='trvert'" onMouseOut="this.className=''">
<td align="center" width="200px"><a href="interne.asp?menu=dailyquotations" class="menulinkvert">Daily Quotations</a></td>
</tr>
</table>
</div>
iframe :
<iframe frameborder="0" id="middle" name="middle" src="http://webmail.icare-mr.com/webmail/src/login.php"></iframe> |
et le CSS
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
|
DIv:
#inviclient{
display:none;
position:absolute;
top:27px;
left:135px;
width:150px;
z-index:10;
}
iframe :
#middle {
position:absolute;
z-index:0;
top:62px;
left:193px;
width:827px;
height:600px;
padding-top: 0px;
padding-bottom: 0px;
overflow-x: hidden;
overflow-y: auto;
} |
Quelqu'un a t-il une idée ?
Sinon j'ai vu que en fait les iframe sont interprétées différemment sous IE.
J'avais penser remplacer iframe par object mais comment mettre un fichier .asp dans un object ?
Donc :
prio => Trouver solution avec iframe
Sinon => Au pire, remplacer par object
MERCI d'avance
