链接在 IE 6 和 7 中消失
我在 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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
不幸的是,似乎文本缩进是导致此行为的原因。
过去,我使用过图像按钮,其值设置为与原始按钮相同的值,并带有透明图像,以便可以使用背景图像:
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" />