链接在 IE 6 和 7 中消失

发布于 2024-08-15 21:51:16 字数 475 浏览 5 评论 0原文

我在 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 ,它会显示得很好。我该如何修复它?

非常感谢!

I have link (button actually) inside a TD, but its completely hidden in IE 6 and 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;
}

...but if I add float:left to it, it shows fine. How do I fix it?

Many thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

月亮坠入山谷 2024-08-22 21:51:16

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

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

Unfortunately, it appears that the text-indent is what is causing this behavior.

In the past, I've used an image button with the value set to the same value as the original button, with a transparent image so that the background image can be used:

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文