PDF file in iframe overlapping top navigation menu on IE 11

Question

I am using iframe to display PDF file for my wordpress portal. This is the iframe code:

<iframe src="pdf file URL" width="800" height="800"</iframe>

File displays correctly on Chrome and Firefox browser. But on IE 11 browser, it overlaps on the top navigation menu. Please check this screenshot.

This issue is only for PDF file.

Please refer : https://stackoverflow.com/questions/21340820/pdf-embed-not-working-in-ie11-but-it-works-when-edit-the-html-in-dom-explorer to resolve it — Neal Developer, Nov 22 '19 at 07:35
Thanks...but not found the solution. PDF file displays but it overlaps on the menu. Overlapping is the main issue. — Anil k, Nov 22 '19 at 08:35

score 0 · Answer 1 · answered Nov 25 '19 at 16:32

0

have you tried z-index: -1000; in the css?

answered Nov 25 '19 at 16:32

score -1 · Answer 2 · answered Nov 22 '19 at 07:25

-1

include meta tag with charset=utf-8 in header.php after

answered Nov 22 '19 at 07:25

Syed Saqib

2 Answers2