CSS переполнение - ошибка 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, где мое переполнение в IE7

Спасибо за помощь!

Answer 1

Проблема вызвана вашим фильтром:

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

К сожалению, именно так IE7 управляет использованием фильтров, и для этого нет исправления.

Вы можете рассмотреть возможность использования условного комментария для IE7 только для удаления фильтра.

Answer 2

Значением по умолчанию для свойства «overflow» является «visible».Я думаю, что просто удалив 'overflow: visible;'стиль поможет.