css - 链接在 IE 6 和 7 中消失

Question

我在 TD 中有链接(实际上是按钮)，但它在 IE 6 和 7 中完全隐藏:

.btn-delete {
    position: relative;
    width: 32px;
    height: 31px;
    text-indent: -1000em;
    background:#dd0 url(../img/button.png) no-repeat;
    /*.float: left;*/
    display: inline-block;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    vertical-align: top;
    zoom: 1;
    *display: inline;
}

...但是如果我向它添加 float:left，它显示正常。我该如何解决？

非常感谢!

Answer 1

不幸的是，文本缩进似乎是导致此行为的原因。

在过去，我使用了一个图像按钮，其值设置为与原始按钮相同的值，带有透明图像以便可以使用背景图像:

<input type="image" class="btn-delete" value="Delete" src="spacer.gif" />