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" />

链接在IE 6和7中消失

1 个答案: