0

我需要将透明度设置为 pdf 上的模态弹出窗口。现在一切都在 Google Chrome 中运行良好，但由于 Internet Explorer 是全世界广泛使用的浏览器，我想让它在 IE 中也能运行。

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

截图 1

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

截图 2

现在查看屏幕截图 3，它在 Chrome 中正常工作，这正是我希望在 Internet Explorer 中表现得一样。

截图 3

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

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

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

在此处输入图像描述

如果有人想看看我到目前为止所做的尝试，你可以从这个小提琴链接中查看：点击这里

4

2 回答 2

-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;
}
于 2013-06-01T23:45:53.780 回答
-1

在 iFrame 标签中添加 allowtransparency="true" 属性并检查结果。

<iframe allowtransparency="true" src="<Your URL>"></iframe>
于 2013-06-03T05:17:59.970 回答