CSS overflow-bug IE7 - 试图显示溢出

Question

我有一个内容溢出的 div。我希望溢出的内容在所有浏览器上都是可见的。工作正常，除了 IE7...

我已经尝试了一段时间，但没有找到任何关于显示溢出内容的信息，所以我希望有人能提供帮助:

代码如下:

<div class="ui-btn-inner">
 <p>hlasd asdasd asdasd lkasdas dalksd ahljklnlnad asljdhasdnas dalsdkjas I am invisible... </p>
</div>

和CSS

.ui-btn-inner {  
   border: 3px solid red; 
   padding: 0 !important; 
   position: relative;
   text-align: center;
   }
.ui-btn-inner { 
  height: 22px; 
  margin-bottom: 22px;    
  background-color: transparent; 
  width: 100%; 
  top: 0; 
  left: 0; 
  overflow: visible;                                                     
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr=#40FFFFFF,EndColorStr=#12FFFFFF);zoom: 1;
  }

作为 JSfiddle - JS Fiddle where is my overflow in IE7

感谢您的帮助!

Answer 1

问题是由您的过滤器引起的:

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorStr=#40FFFFFF,EndColorStr=#12FFFFFF);

不幸的是，这只是 IE7 处理过滤器使用的方式，并且没有修复它。

您可以考虑使用条件注释仅针对 IE7 以删除过滤器。