试图让 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);
欢迎任何意见!
最佳答案
IE8 不理解 rgba
属性,所以这不是一个好的答案。我会尝试使用 visibility:hidden
IE8 理解这一点。这样,文本仍然占据同一个房间,只是被隐藏了。
关于css - 在 IE8 中颜色透明?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18859658/