3

尝试让颜色:透明以在 IE8 中工作时,我有点头疼。

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

<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:0text-indent:-9999

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

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

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

任何输入表示赞赏!

4

1 回答 1

2

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

于 2013-09-17T21:02:40.373 回答