color:transparent を 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);
どんな入力でも大歓迎です！