Как отключить всплывающее окно в программе просмотра PDF с помощью встроенного в Google Drive iframe - PullRequest
Новая
       0

Как отключить всплывающее окно в программе просмотра PDF с помощью встроенного в Google Drive iframe

0 голосов
/ 25 сентября 2018

Я вставил pdf на свой веб-сайт с помощью iframe google drive pdf viewer, ниже приведены мои коды, которые я использовал

Он работает нормально, но я хочу удалить всплывающую кнопку, появляющуюся сверхув правом углу моего сайта, чтобы зрители не могли просматривать за пределами моей страницы ![enter image description here] 1

Любая помощь будет оценена

Ответы [ 2 ]

0 голосов
/ 06 апреля 2019

Попробуйте что-то вроде ниже: Использование скрытого элемента в верхней части всплывающей кнопки делает его недоступным.Или, если хотите скрыть, удалите непрозрачность и установите цвет фона. 

<div style="width: 640px; height: 480px; position: relative;"> 
      <iframe src="http://docs.google.com/viewer?url=YOUR PDF/DOC FILE URL &embedded=true"   width="640" height="480" frameborder="0" scrolling="no" seamless=""></iframe>
      <div style="width: 40px; height: 40px; position: absolute; opacity: 0; right: 12px; top: 12px;">&nbsp;</div>
 </div>
0 голосов
/ 06 апреля 2019

Используйте этот код 

<!DOCTYPE html>
<html>
<head>
    <title></title>
    <style type="text/css">
        iframe{
  height:100vh;
}
    </style>

</head>
<body>



<iframe src="https://docs.google.com/viewer?url=http://www.pdf995.com/samples/pdf.pdf&embedded=true" width="100%" height="100vh" frameborder="0" scrolling="no" ></iframe>

<div style="width: 80px; height: 80px; position: absolute; opacity: 0; right: 0px; top: 0px;">&nbsp;</div>
<!-- </div> -->
</body>

</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...