Question

链接：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;
}

Answer 1

从两个按钮中删除css属性line-height：0，它们应显示在IE7中。

IE7中不显示按钮文本和按钮

1 个答案: