Цвет прозрачный в IE8?

Question

У меня немного головная боль от попыток получить цвет: прозрачный для работы в 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); 

Любой ввод оценивается!

Answer 1

IE8 не понимает собственность rgba, так что это не очень хороший ответ. Я бы попытался использовать visibility:hidden IE8 понимает это. Таким образом, текст по-прежнему занимает одну и ту же комнату, он просто скрыт.