1

リンク:http://hyperiontx.cbstage.com/ [注:jsfiddleはIE7と互換性がなくなったため、フィドルは作成しませんでした]

したがって、互換モードを使用してIE7でこのサイトを開きます。右上の「検索」ボタンのテキストが表示されておらず、ヒーローエリアの「続きを読む」ボタンがまったく表示されていません。私は両方の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;
}

ヒーローエリア「続きを読む」ボタン:

.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;
}
4

1 に答える 1

1

css プロパティの line-height:0 を両方のボタンから削除すると、IE7 で表示されるはずです。

于 2013-02-05T17:10:48.763 に答える