iFrame HTML中的PDF透明度

Question

我要求通过pdf将transperancy设置为模态弹出窗口。现在，每一件事都适用于Google Chrome，但由于Internet Explorer被广泛使用，因此我想在IE浏览器中使用它。

正如您在屏幕截图1中看到的，我在pdf上有一个模态弹出窗口看起来很漂亮。

现在看到屏幕截图2，当我将transperancy设置为模态弹出窗口时，它完全变白了。

现在看一下截图3它在Chrome中是否正常工作，这正是我想在Internet Explorer中表现的相同。

我使用Jquery库设置transperancy这里是代码

$("#pnlSpecialInstructions").fadeTo("slow", 0.5);
$("#iFrameSplIns").fadeTo("slow", 0.5);

我也尝试过使用IE过滤器，但它不起作用.... :(

如果有人想看看我到目前为止所尝试的内容，你可以查看这个小提琴链接：Click Here

Answer 1

IE过滤器可能有帮助吗？这是css-tricks的一个旧参考...我不知道它适合的位置......但可能是一个思考的方向。

.transparent_class {
  /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

  /* IE 5-7 */
  filter: alpha(opacity=50);

  /* Netscape */
  -moz-opacity: 0.5;

  /* Safari 1.x */
  -khtml-opacity: 0.5;

  /* Good browsers */
  opacity: 0.5;
}

Answer 2

在iFrame标记中添加allowtransparency =“true”属性并检查结果。

<iframe allowtransparency="true" src="<Your URL>"></iframe>