javascript - CSS：背景画像をゆっくりフェードさせる

Question

私はここでレガシーコードに取り組んでおり、jQuery、CSS3、またはHTML5を使用できません。

HTMLの入力フィールドに背景画像を使用しています。ここで、ある種のアニメーションを実現しようとしています。このアニメーションでは、画像が最初に表示され、「n」秒後にゆっくりと消えていきます。

私が持っているサンプルCSSコードは次のとおりです。

.acceptValue {
  background-image: url('../../images/accept.gif');
  background-repeat: no-repeat;
  background-position: right;
  padding-right: 20px;
}

上記のCSSプロパティを「n」秒間適用すると、消えるはずです。

IE7とIE8でこれを機能させる方法はありますか？CSS定義のSetTimeoutのように、画像（accept.gif）が数秒間だけ表示されるようなものが必要です。

私にお知らせください。