Menu chevauchement PDF incorporé dans FireFox

Je suis à bout de nerfs avec ce problème. J'ai cherché pendant un moment et bien que je trouve beaucoup de messages avec des personnes ayant le même problème que moi, je ne trouve pas de réponses ou de solutions à ces messages.Menu chevauchement PDF incorporé dans FireFox

Le problème est le suivant: Nous avons une visionneuse PDF intégrée sur un site de rapport. L'utilisateur a la possibilité d'afficher le PDF dans le navigateur ou de le télécharger. Nous avons un menu déroulant afin que l'utilisateur puisse naviguer vers différentes versions. Le menu chevauche la visionneuse PDF lorsqu'elle tombe en panne. Dans IE, il va sur le lecteur PDF, comme il se doit. Dans FireFox, il passe derrière le spectateur et se coupe.

Voici un code snipit:

<div style="position: relative; height: 347px; z-index: 1;" id="divPDF"> 
<span style="width: 100%; height: 100%;" id="PDFViewer1"> 
    <div> 
     <object width="100%" height="100%" type="application/pdf" data="report.pdf#toolbar=1&amp;navpanes=0&amp;scrollbar=1&amp;view=FitH"> 
      <param name="wmode" value="opaque" /> 
      <embed src="report.pdf#toolbar=1&amp;navpanes=0&amp;scrollbar=1&amp;view=FitH" type="application/pdf" width="100%" height="100%" wmode="opaque"></embed> 
      <a href="report.pdf">Download PDF</a> 
     </object> 
    </div> 
</span> </div>

J'ai essayé de le mettre dans un iframe, mais cela ne fonctionne pas. J'ai essayé de rendre le vmode transparent, mais cela n'a pas fonctionné non plus. (Vmode est-il même un paramètre valide?) L'index z pour le menu est 500.

Toutes les suggestions seraient grandement appréciées.

Merci d'avance.

Source

2009-10-27 Tyanna

Il s'agit d'un problème connu avec la balise html 'embed' & de la même manière que le pdf adobe rend le pdf. Actuellement, Adobe ne prend pas en charge les balises de transparence comme les fichiers flash (type wmode = transparent) dans le rendu PDF.

Source

2009-11-10 14:11:59 Parth

J'espérais que ce n'était pas le cas. Est-ce juste un coup de chance qu'il fonctionne dans IE alors? – Tyanna

Dans IE, est-ce toujours Adobe Acrobat qui le rend ou est-ce qu'un composant Microsoft peut le faire? En tout cas, même si vous l'avez fait fonctionner dans Firefox, vous ne voudriez pas vous en remettre. Le chevauchement d'objets incorporés, de zones de sélection et d'autres éléments non rendus par navigateur n'est pas une bonne idée en général pour tout un tas de navigateurs. –

Avez-vous vérifié dans Firebug à toutes les instances que l'index z de vos conteneurs de menu et pdf restent constants? Quand je dis des instances je veux dire quand l'utilisateur interagit avec le menu et autres joyeusetés.

Ou peut-être que c'est un problème de débordement CSS? Juste jeter les choses.

Source

2009-10-28 03:15:09 JakeTheSnake

Oui, j'ai utilisé Firebug. L'index z est le même pour tous les éléments de la grille. La visionneuse PDF aime vraiment être ontop dans Firefox. – Tyanna

J'ai eu le même problème. Je l'ai corrigé en masquant le rapport lorsque l'utilisateur a cliqué sur le menu déroulant, puis en le montrant à nouveau lorsque le menu était caché. C'est surtout un hack, mais cela fonctionne et me permet d'avoir à la fois mon rapport intégré et mon menu déroulant.

Source

2012-01-31 08:25:15 LordZardeck

Menu chevauchement PDF incorporé dans FireFox

Répondre

Questions connexes