尝试让颜色:透明以在 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:0
text-indent:-9999
如果可能的话,我想用 CSS 解决这个问题,所以请不要浪费时间发布 JavaScript 解决方案。
也许可以为“颜色”设置过滤器,就像下面的渐变和“不透明度”一样,但我还没有找到一种方法来做到这一点。
filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#000000', EndColorStr='#ffffff');
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
任何输入表示赞赏!