css - Internet Explorer CSS 属性 "filter"忽略溢出 :visible

Question

显然 Internet Explorer(至少版本 8)在应用过滤器(例如不透明度)时忽略overflow:visible，导致被过滤元素之外的任何东西被剪裁好像使用了溢出:隐藏。

是否有任何解决此行为的方法？

下面的示例代码显示了 child 是如何被 container 裁剪的——只有它的右边框和底边框是可见的。

 <style type="text/css">
  #container {
   position:absolute;
   left:100px;
   top:100px;
   width:100px;
   height:100px;
   border:1px solid black;
   filter:alpha(opacity=50);
   overflow:visible;
  }

  #child {
   position:relative;
   left:-10px;
   top:-10px;
   width:20px;
   height:20px;
   border:1px solid red;
  }
 </style>

 <div id="container">
  <div id="child"></div>
 </div>

Answer 1

解决方法似乎很简单:使用 -ms-filter 而不是 filter:

-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(opacity=50)';