我使用精灵作为输入按钮。它在 Firefox 和 > IE8 中运行良好。但是，在 IE7&8 中，ID 值显示在 png 图形上。它看起来像这样：
（我会嵌入，但我不允许）：Pre-Hack Sprite
我通过并找到了一个技巧，最小化字体大小和行高。
font-size:0px; /*IE7-8*/
line-height:0px; /*IE7-8*/
然后，这在按钮上创建了几乎看起来像划痕的东西：
有任何想法吗？这是我的 HTML：
<form action='memberSelection' method='post'>
<div id="providersearchopt1">
...
<p class="left"><input class="btnsearch" type="submit" id="formSubmit" name="formSubmit" /></p>
这是CSS：
input[type="submit"].btnsearch {
width:96px;
height:27px;
background-color:transparent;
background-position:0px 0px;
background-image:url(images/btn-search.png);
cursor: pointer;
border: none;
color: transparent;
font-size:0px;
line-height:0px;
}
input[type="submit"].btnsearch:hover {
background-position:0px -27px;
background-image:url(images/btn-search.png);
}
编辑 - 解决方案：
CSS的变化：
line-height: 100px; /*IE7-8*/
font-size: 0px: /*IE7-8*/
这将在 FF 和 IE 中工作。