Est-il possible de fixer le clignotement d'un menu déroulant sur un .pdf chargé dans un ?

Question

J'ai un objet à l'intérieur d'un <div> qui affiche un pdf. Cela se fait dans une partie Web Content Editor. Mon menu déroulant de navigation « clignote » chaque fois qu'il est sur le <div>. Le menu déroulant clignote dans Internet Explorer 6 et se cache derrière le <div> dans Chrome. Est-il possible de résoudre ce problème de clignoter et se cacher? (Je l'ai essayé z-index)

<div style="z-index:-999">
<object data="page.pdf#navpanes=0" type="application/pdf" width="100%" height="900"></object>
</div>

Answer 1

Vous devez spécifier une ligne à faible z-index sur l'objet lui-même, et assurez-vous que votre classe pour votre Li a un z-index supérieur. Objet de ne pas hériter de l'objet parent dans le DOM, vous devez spécifier en ligne sur la balise object.

<object data="page.pdf#navpanes=0" type="application/pdf" width="100%" height="900" style="z-index: 1;"></object>