Hallo, ich bin dabei via iframe-Tag ein PDF in eine Seite einzubetten und dieses mittels einem Div-Tag ( welcher transparent ist und darübergelegt wird ) abzudecken. Sinn ist es, die Bedienelemente vom PDF zu "sperren".
HTML Code
CSS - Code
in google.Crome läuft das tip top...
jedoch im FireFox befindet sich das PDF immer an oberster stelle im z-index
und im IE wird es erst gar nicht angezeigt ( war noch schlimmer ist )
ich hab jetzt schon einige Zeit verbracht, dies zu beheben, jedoch vergebens.
hat von euch jemand eine Idee?
HTML Code
HTML:
<div id="lock2"></div> <div id="lock"> <h1>Headline</h1><br /> <iframe src="../../PDF_File/Test 2-TestPDF3.pdf" width="100%" height="100%" type="application/pdf" style="z-index: 0" ></iframe> </div>
CSS - Code
Code:
#lock{ width: 100%;
height: 100%;
top: 2px;
left: 1px;
background: #BBBBBB;
z-index: -1;
position: absolute;
}
#lock2{
width: 100%;
height: 100%;
background: blue;
position: absolute;
top: 10px;
left: 10px;
opacity:0.1;
filter:alpha(opacity=1);
z-index: 1;
}
in google.Crome läuft das tip top...
jedoch im FireFox befindet sich das PDF immer an oberster stelle im z-index
und im IE wird es erst gar nicht angezeigt ( war noch schlimmer ist )
ich hab jetzt schon einige Zeit verbracht, dies zu beheben, jedoch vergebens.
hat von euch jemand eine Idee?