css - 在 IE8 中颜色透明？

Question

试图让 color:transparent 在 IE8 中工作让我有点头疼。

基本上，我有这些按钮，它们可以是 anchor 或输入元素:

<input type="submit" class="button" value="Click me" />
<a class="button" href="SOME_URL">Click me</a>

单击时，这些按钮会被赋予 loading 类，给它们一个微调器 gif 作为背景图像，并设置 color:transparent 以使文本不可见，显示微调器。这使得按钮在显示微调器 gif 时单击时保持相同大小。

但是，IE8 不支持 color:transparent，我很难想出另一种选择。

使用font-size:0, line-height:0, text-indent:-9999 或类似的都不好情况下，因为那样将无法保持按钮的大小。

如果可能的话，我想用 CSS 解决这个问题，所以请不要浪费时间发布 JavaScript 解决方案。

也许可以为“颜色”设置滤镜，就像下面的渐变和“不透明度”一样，但我还没有找到这样做的方法。

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#ffffff');
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);

欢迎任何意见!

Answer 1

IE8 不理解 rgba 属性，所以这不是一个好的答案。我会尝试使用 visibility:hidden IE8 理解这一点。这样，文本仍然占据同一个房间，只是被隐藏了。