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