Html 如何调整CSS以在IE 6中正确显示？

我有以下HTML+CSS，可能会在一些使用IE 6作为web浏览器的旧Windows XP机器上显示。在较新的浏览器上，它应该如下所示：

<span id="...">User Commands:</span>
<a href="#" id="..." class="smtbBtn " title="...">
    <img src='...' alt='...' />
</a>

但是IE 6让它看起来像这样：

<span id="...">User Commands:</span>
<a href="#" id="..." class="smtbBtn " title="...">
    <img src='...' alt='...' />
</a>

所以我很好奇，如果有什么我可以做的尝试，以解决这个IE 6

显示代码

使用的图像如下所示：

html:

---

为了支持IE6，您需要对您的标记做出一些妥协，并保持简单

正如我在评论中所说，有两个问题

display:inline table

在IE6中不受支持。使用

显示：内联

IE6不支持背景大小。使用

img

而不是背景图像

一个非常简单的解决方案是删除包装

A的
div
，而使用
A
包装
img
。大概是这样的：

<span id="...">User Commands:</span>
<a href="#" id="..." class="smtbBtn " title="...">
    <img src='...' alt='...' />
</a>

这将适用于所有浏览器，包括现代浏览器以及IE回到IE5

演示小提琴：

片段：


.smtbBtn{垂直对齐：中间；}
.smtbBtn img{高度：14px；边框：1px实心透明；}
.smtbBtn:悬停img，.smtbBtn:活动img{
边框：1px实心#f00；
}
用户命令：
IE 6？？为什么要追溯到石器时代？？：P@YoYo字体我知道。我不能和顾客争论。。。他们仍然有少量非常古老的机器。我只是想把它修好。。。如果没有，我可以说，“对不起，不兼容。”我应该补充一点，这段代码应该主要在他们本地的“内部网”上运行，这有两个问题。（1） 
display:inline table
在IE6中不受支持。使用
显示：内联
；（2） IE6不支持背景大小
。改用
img
或增加
a
的大小。先生，您至少可以建议他们切换到基本的firefox浏览器或更好的浏览器，，，这对您将来的代码来说也是一大解脱。我能理解，编码人员在IE8及以下版本的工作是痛苦的。感谢您的详细解释。但是有一件事，我认为
border
属性不支持
transparent
属性。还有什么我可以替代的吗？哦，是的@c0000fd，我完全错过了那个（通过开发工具的IE6模式可以工作！）。对于透明边框，你可以使用这个技巧——你知道，如果我简单地添加
边框颜色：粉色；滤光片：色度（颜色=粉红色）
它与IE6一起工作，但在最新版本的IE中开始显示粉色边框。有没有一种方法可以添加IE6特定的CSS，而不必像@GoosvandenBekerom建议的那样编写一个全新的CSS文件？@c00000fd：我已经更新了答案，添加了IE6特定的案例。你必须从这里开始学习，因为我没有IE6，我只依赖IE11的模拟。感谢你的帮助！现在可以了。我用下划线破解。我甚至不知道它的存在，而且由于IE6永远不会更新/更改，我们可以假设下划线“技巧”现在是一个特性。
.smtbBtn { vertical-align: middle; }
.smtbBtn img { height: 14px; border: 1px solid transparent; }
.smtbBtn:hover img, .smtbBtn:active img { 
    border: 1px solid #f00; 
}