2011-08-17 58 views
0

我有一個與溢出內容的股利。我希望所有瀏覽器上的溢出內容都可見。作品除了IE7不錯...CSS溢出錯誤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

感謝您的幫助!

回答

1

的問題正在引起你的過濾器:

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

可惜這是現在的樣子IE7處理使用過濾器並沒有修復它。

您可能會考慮使用條件註釋僅針對IE7刪除過濾器。

+0

嗯...不是我所希望的... – frequent 2011-08-17 11:25:08

0

'overflow'屬性的默認值是'visible'。我認爲只是消除「溢出:可見」;風格會有所幫助。