2012-01-31 2 views
1

iframe의 PDF 상단에 표시 할 메뉴 div가 있습니다. 내가 찾은 해결 방법은 div 뒤에 빈 iframe을 배치하는 것입니다. Firefox/IE에서 잘 작동합니다. Chrome에는 iframe 뒤에 메뉴 div가 있습니다. 오, 그리고 어도비 PDF 플러그인이 활성화되었습니다. 누구나이 경험이 있습니까?iframe의 상단에있는 workaround가 Chrome에서 작동하지 않음

는 오히려 참고로 크롬 (에서 잘 작동하는 것 같다 iframe이 아니라보다 (W 모드로) 객체로에 추가하면이 Fiddle

+2

Div가 OSX Chrome에서 프레임 상단에 있음 16.0.912.77 –

+0

예, Windows 7입니다. 감사합니다. –

답변

1

, 나는 내 버전에서 제대로 작동하지 않는 것을 확인할 수 있습니다 참조 Chrome : Windows 7, Chrome 16). 이것을 시도하십시오 :

<div id="objectContainer"> 
    <object id="pdfObject" data="http://mirror.hmc.edu/ctan/macros/latex/contrib/pdfpages/dummy.pdf" type="application/pdf" width="600" height="500" style="z-index:1" wmode="opaque"> 
    alt : <a href="test.pdf">test.pdf</a> 
</object> 
</div> 
<iframe id="emptyIframe" src="about:blank" frameborder="0">something</iframe> 
<div id="menu"> 
    Menu 
</div> 

이것은 Firefox에서도 작동합니다. 그러나 IE 문제가 발생할 수 있습니다. 서버 측 브라우저에서 브라우저에 따라 내장 객체 또는 iframe을 검색하여 출력하는 것이 좋습니다.

+0

감사합니다 벤 ... 이것은 실제로 제가 원래 향하고 있던 방향입니다,하지만 IE8 이걸로 기발한 것입니다. pdf를 클릭하면 메뉴 div가 뒤로갑니다. 브라우저 창 크기를 조정하면 앞쪽으로 돌아갑니다. 뭔가를 유발해야합니다. 시뮬레이션 할 수있는 방법이 있는지 궁금합니다 ... 어떤 종류의 페이지 이벤트에서 CSS 새로 고침? –

관련 문제