<object> PDF cache le menu déroulant
Bonjour à toutes et à tous,
Dans une page WEB j'affiche un fichier PDF.
Mon problème et qu'il masque une partie du menu déroulant qui est juste au dessus.
Quelqu'un peut-il m'indiquer comment faire en sorte que le menu se déroule par dessus le PDF?
Merci
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
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
| <body>
<div id="conteneur">
<h1 id="header"><a href="Index.xhtml" title="Accueil"><span>Page
d'accueil</span></a></h1>
<div id="centrer">
<!-- DEBUT du MENU -->
<div id="menu">
<ul>
<li><a href="Liens.xhtml">Liens</a></li>
<li onmouseover="montre('smenu3',true);" onmouseout="montre('smenu3',false);">
<a href="#">Ressources</a>
<ul id="smenu3">
<li><a href="Ppppp.xhtml">Ppppp</a></li>
<li><a href="Galerie.xhtml">Galerie</a></li>
<li onmouseover="montre('smenu31',true);" onmouseout="montre('smenu31',false);"><a
href="#">Vidéo</a>
<ul id="smenu31">
<li><a href="Video01.xhtml">Video01</a></li>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
</ul>
</li>
</ul>
</li>
<li><a href="Agenda.xhtml">Agenda</a></li>
<li onmouseover="montre('smenu1',true);" onmouseout="montre('smenu1',false);"><a
href="#">Evenements</a>
<ul id="smenu1">
<li onmouseover="montre('smenu11',true);" onmouseout="montre('smenu11',false);"><a
href="#">Rassemblements</a>
<ul id="smenu11">
<li><a href="RD2010.xhtml">Juin 2010</a></li>
<li><a href="RD2011.xhtml">Mai 2011</a></li>
<li><a href="#">2012</a></li>
</ul>
</li>
<li onmouseover="montre('smenu12',true);" onmouseout="montre('smenu12',false);"><a
href="#">Conseils</a>
<ul id="smenu12">
<li><a href="CD2010-09.xhtml">Septembre 2010</a></li>
<li><a href="CD2011-04.xhtml">Avril 2011</a></li>
<li><a href="CD2011-10.xhtml">Octobre 2011</a></li>
</ul>
</li>
<li onmouseover="montre('smenu13',true);" onmouseout="montre('smenu13',false);"><a
href="#">Enseignements</a>
<ul id="smenu13">
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
</ul>
</li>
<li onmouseover="montre('smenu14',true);" onmouseout="montre('smenu14',false);"><a
href="#">Pl</a>
<ul id="smenu14">
<li><a href="Pele.xhtml">ND Sal</a></li>
<li><a href="#">...</a></li>
<li><a href="#">...</a></li>
</ul>
<!-- FIN du <ul id="smenu14"> --> </li>
<!-- FIN du <li onmouseover="montre('smenu14',true);" onmouseout="montre('smenu14',false);"> -->
</ul>
<!-- FIN du <ul id="smenu1"> --> </li>
<!-- FIN du <li onmouseover="montre('smenu1',true);" onmouseout="montre('smenu1',false);"> -->
</ul>
<!-- FIN du <ul> --> </div>
<!-- FIN du <div id="menu"> -->
<!-- FIN du MENU --> </div>
<div id="contenu">
<h2>Conseil .</h2>
<object class="milieuPdf" data="Pdf/CD2011-10.pdf"></object>
<p> </p>
</div>
<p>Date de mise à jour de cette page : 20 août 2011</p>
<p><img src="Img/BasPage.jpg" alt="Bas de page" /><br />
</p>
</div>
</body> |
<object> PDF cache le menu déroulant
Citation:
Envoyé par
Kaamo
un ptit coup de z-index sinon ? Tu mets ton menu avec un z-index supérieur à la div qui contient le PDF est hop, ça devrait fonctionner
Nickel le z-index.
Mon problème est résolu.
Grand merci à tous les deux.
z-index non reconnu par IE et Chrome
Mon navigateur est FireFox est avec lui çà marche bien.
Mais j'ai voulu tester avec IE et Chrome et malheureusement le problème persiste. Il semble que ces 2 navigateurs ne reconnaissent pas z-index.
Comment puis-je contourner cet obstacle?
Merci
