CSS opacity未应用于在iframe中打开的Adobe pdf阅读器

时间:2010-12-14 19:56:28

标签: css browser iframe modal-dialog adobe-reader

将背景应用于具有一定透明度的整个页面不适用于在iframe中打开的pdf。为什么PDF不被背景隐藏?

 <iframe src="http://www.irs.gov/pub/irs-tege/401k_mistakes.pdf" />     

  <div style="left: 0px; top: 0px; 
     z-index: 100; 
     background-color: gray; 
     width: 1000px; 
     height: 1000px; 
     position: absolute; 
     opacity: 0.8;">
 </div>

以下是http://jsfiddle.net/JXT5V/3/示例(示例在Chrome中不起作用)

1 个答案:

答案 0 :(得分:3)

浏览器没有呈现屏幕的那部分,PDF插件是。该插件不会尊重您的CSS。插件内容前面的背景/透明度是否呈现取决于特定浏览器与特定插件之间的交互(Adobe不是唯一的PDF插件),您无法控制它。