Я нашел метод размещения iframes поверх iframes, чтобы обойти проблему z-index, которую браузеры имеют с iframes.
Проблема, с которой я сейчас сталкиваюсь, заключается в том, что мне нужен iframe, который перекрывает PDF (загруженный в iframe), чтобы он был прозрачным. Это возможно ??
Причина, по которой я хочу это сделать, заключается в том, чтобы у меня был прозрачный png поверх PDF
Ниже приведен код, чтобы вы могли увидеть мою проблему - в левом верхнем углу PDF-файла вы увидите белый квадрат.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
#contentFrame
{
height:500px;
width:990px;
}
#overlapFrame
{
width:100px;
height:100px;
position:absolute;
left:0;
top:0;
background: transparent;
}
</style>
</head>
<body>
<iframe src="http://www.education.gov.yk.ca/pdf/pdf-test.pdf" id="contentFrame" frameborder="0"></iframe>
<iframe id="overlapFrame" frameborder="0" scrolling="no"></iframe>
</body>
</html>