链接:http://hyperiontx.cbstage.com/ [注意:我没有制作 fiddle ,因为 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;
}
最佳答案
从两个按钮中删除 css 属性 line-height:0,它们应该在 IE7 中显示。
关于css - 按钮文本和按钮在 IE7 中不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14712816/