我试图获得颜色让我感到头疼:在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: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);
感谢任何输入!
答案 0 :(得分:2)
IE8不理解rgba
属性,所以这不是一个好的答案。我会尝试使用visibility:hidden
IE8了解这一点。这样,文本仍占用同一个房间,它只是隐藏起来。