IE8中的颜色透明?

时间:2013-09-17 20:51:00

标签: css text colors internet-explorer-8 transparent

我试图获得颜色让我感到头疼:在IE8中工作是透明的。

基本上,我有这些按钮,可以是锚点或输入元素:

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

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

但是,IE8不支持颜色:透明,我在提出其他替代方案时遇到了麻烦。

在这种情况下,使用font-size:0line-height:0text-indent:-9999或类似内容并不好,因为这样就无法保持按钮的大小。

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

也许过滤器可能设置为“颜色”,就像下面的渐变和“不透明度”一样,但我还没有找到办法做到这一点。

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

感谢任何输入!

1 个答案:

答案 0 :(得分:2)

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