2013-02-05 74 views
1

鏈接:http://hyperiontx.cbstage.com/ [注:我沒有做小提琴,因爲的jsfiddle似乎不再是IE7兼容]按鈕文字和按鈕並不在IE7顯示

所以,打開使用兼容性IE7這個網站了模式。右上角的「搜索」按鈕的文本沒有顯示,並且英雄區域中的「Read More」按鈕根本不顯示。我已經看過兩個CSS,只是不知道問題可能是什麼 - 任何人都有一些IE7的經驗,梳理出這個問題?

相關CSS

右上方的搜索按鈕:

.block-search input[type="submit"] { 
height: 26px; 
width: auto; 
padding: 0 6px; 
color: white; 
font-family: 'CantarellBold'; 
font-size: 12px; 
font-weight: normal; 
line-height: 0; 
text-shadow: none; 
text-transform: uppercase; 
border-radius: 0; 
border: none; 
background: #71A655; 
} 

英雄區 「更多」 按鈕:從兩個0:

.section-content a.button, .section-content input[type="reset"], .section-content input[type="submit"], .section-content input[type="button"] { 
padding: 10px 12px; 
color: white; 
font-weight: normal; 
line-height: 0; 
text-shadow: none; 
text-transform: uppercase; 
background: #8cc65d; 
background-image: -moz-linear-gradient(left top,#8cc65d 0%,#71a655 100%); 
background-image: -webkit-gradient(linear,left top, right bottom,color-stop(0, #8cc65d),color-stop(1, #71a655)); 
background: -webkit-linear-gradient(left top, #8cc65d 0%, #71a655 100%); 
background: -o-linear-gradient(left top, #8cc65d 0%, #71a655 100%); 
background: -ms-linear-gradient(left top, #8cc65d 0%, #71a655 100%); 
background: linear-gradient(left top, #8cc65d 0%, #71a655 100%); 
border: none; 
border-radius: 0; 
} 

回答

1

刪除CSS屬性的line-height按鈕,他們應該在IE7中顯示。

+0

就是這樣!謝謝。 – alexvance