跨浏览器不透明度(IE 7& 8存在问题)

时间:2013-10-26 02:04:15

标签: html css internet-explorer

你知道一个模态弹出窗口(图像灯箱,是/否对话框)的一部分,它背后的一切都变暗了吗?我称之为 Blanket 舒适

无论如何,我希望我的模态被一条半透明的毯子塞进去。我似乎无法让它在IE7和IE8中工作。

根据我的读物 This CSS Tricks SnippetThis Quirksmode Article, 和Satzansatz's Article on the Quirky Behavior IE's Schizophrenia Can Yield

这就是我的想法:

.blanket {
  z-index:100; 
  position:fixed; top:0;right:0;bottom:0;left:0;

  /*//////*/ background:black; /*//////*/

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}

它根本不起作用。我不知道为什么,而且我没有找到任何可行的排列。完全没有。我甚至不能制作一个静态定位的黑色方块。发生了什么事?

如何在所有重要浏览器中设置不透明度?

CodePen

The Fullscreen CodePen Result (在IE中进行测试)

在IE7& IE8,我只看到纯黑色。

我疯了吗?如果我疯了,请告诉我..

但是我开始怀疑IE10的“浏览器模式”模拟狗屎可能是古怪,不足和负责任的。

这是我做过的事吗?或者没有!?

0 个答案:

没有答案