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，仅删除过滤器。

Answer 2

'overflow'属性的默认值是'visible'。我想只是删除'溢出：可见;'风格会有所帮助。

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

2 个答案: