代码之家  ›  专栏  ›  技术社区  ›  eozzy

链接在IE 6和7中消失

  •  0
  • eozzy  · 技术社区  · 16 年前

    我在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 对它来说,它表现得很好。我该怎么修?

    多谢!

    1 回复  |  直到 15 年前
        1
  •  0
  •   FlashXSFX    16 年前

    不幸的是,文本缩进似乎是导致这种行为的原因。

    在过去,我使用了一个图像按钮,该按钮的值设置为与原始按钮相同的值,并且具有透明图像,因此可以使用背景图像:

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